gtk-3.0/adapta.css

/* This file is part of adapta-gtk-theme Copyright (C) 2016-2018 Tista <tista.gma500@gmail.com> This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */
/* This file contains original Adapta code and should only be modified for bug fixes. New code should be organised by Widget to separate concerns. */
@keyframes ripple_effect {
  0% {
    background-image: radial-gradient(
        circle farthest-corner at center,
        alpha(currentColor, 0.12) 0%,
        transparent 0%
      ),
      image(alpha(currentColor, 0));
  }
  66% {
    background-image: radial-gradient(
        circle farthest-corner at center,
        alpha(currentColor, 0.12) 100%,
        transparent 0%
      ),
      image(alpha(currentColor, 0.12));
  }
  100% {
    background-image: radial-gradient(
        circle farthest-corner at center,
        alpha(currentColor, 0.12) 100%,
        transparent 0%
      ),
      image(alpha(currentColor, 0));
  }
}

@keyframes flat_ripple_effect {
  0% {
    background-image: radial-gradient(
        circle farthest-corner at center,
        alpha(currentColor, 0.12) 0%,
        transparent 0%
      ),
      image(alpha(currentColor, 0.12));
  }
  66% {
    background-image: radial-gradient(
        circle farthest-corner at center,
        alpha(currentColor, 0.12) 100%,
        transparent 0%
      ),
      image(alpha(currentColor, 0.12));
  }
  100% {
    background-image: radial-gradient(
        circle farthest-corner at center,
        alpha(currentColor, 0) 100%,
        transparent 0%
      ),
      image(alpha(currentColor, 0.12));
  }
}

entry,
spinbutton:not(.vertical),
entry.flat,
.linked > entry,
.linked.vertical > entry,
.linked.vertical > spinbutton:not(.vertical),
combobox,
combobox entry.combo,
combobox spinbutton.combo:not(.vertical),
#MozillaGtkWidget.background > widget > entry,
#MozillaGtkWidget.background > widget > spinbutton:not(.vertical) {
  border: 1px solid @borders;
  border-image: none;
  background-color: @theme_base_color;
  color: rgba(38, 50, 56, 0.87);
  box-shadow: none;
}

entry:focus,
spinbutton:focus:not(.vertical),
entry.flat:focus,
.linked > entry:focus,
.linked.vertical > entry:focus,
.linked.vertical > spinbutton:focus:not(.vertical),
combobox entry.combo:focus,
combobox spinbutton.combo:focus:not(.vertical),
#MozillaGtkWidget.background > widget > entry:focus,
#MozillaGtkWidget.background > widget > spinbutton:focus:not(.vertical) {
  border: 1px solid @theme_selected_bg_color;
  border-image: none;
  background-color: @theme_base_color;
  color: @theme_fg_color;
  box-shadow: none;
}

entry:disabled,
spinbutton:disabled:not(.vertical),
entry.flat:disabled,
.linked > entry:disabled,
.linked.vertical > entry:disabled,
.linked.vertical > spinbutton:disabled:not(.vertical),
combobox entry.combo:disabled,
combobox spinbutton.combo:disabled:not(.vertical),
#MozillaGtkWidget.background > widget > entry:disabled,
#MozillaGtkWidget.background > widget > spinbutton:disabled:not(.vertical) {
  border: 1px solid @borders;
  border-image: none;
  background-color: #f2f3f4;
  color: rgba(38, 50, 56, 0.28);
  box-shadow: none;
}

assistant headerbar button.flat:not(:last-child),
.background button,
.inline-toolbar button.suggested-action,
.inline-toolbar button.suggested-action.image-button,
.inline-toolbar button.suggested-action.text-button,
actionbar button.suggested-action,
actionbar button.suggested-action.image-button,
actionbar button.suggested-action.text-button,
.inline-toolbar button.destructive-action,
.inline-toolbar button.destructive-action.image-button,
.inline-toolbar button.destructive-action.text-button,
actionbar button.destructive-action,
actionbar button.destructive-action.image-button,
actionbar button.destructive-action.text-button,
headerbar.selection-mode button.suggested-action,
headerbar.selection-mode button.image-button.suggested-action {
  background-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0) 100%,
      transparent 0%
    ),
    image(alpha(currentColor, 0));
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16),
    inset 0 1px rgba(255, 255, 255, 0.07);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
}

assistant headerbar button.flat:not(:last-child):hover,
.background button:hover,
button.suggested-action:hover,
button.destructive-action:hover,
.inline-toolbar button.suggested-action:hover,
.inline-toolbar button.suggested-action.image-button:hover,
.inline-toolbar button.suggested-action.text-button:hover,
actionbar button.suggested-action:hover,
actionbar button.suggested-action.image-button:hover,
actionbar button.suggested-action.text-button:hover,
.inline-toolbar button.destructive-action:hover,
.inline-toolbar button.destructive-action.image-button:hover,
.inline-toolbar button.destructive-action.text-button:hover,
actionbar button.destructive-action:hover,
actionbar button.destructive-action.image-button:hover,
actionbar button.destructive-action.text-button:hover,
headerbar.selection-mode button.suggested-action:hover,
headerbar.selection-mode button.image-button.suggested-action:hover,
.lightdm-gtk-greeter #login_window button#login_button:hover,
.lightdm-gtk-greeter #restart_dialog button#restart_button:hover,
.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:hover,
stack > grid.horizontal > widget > button.close-button.image-button:hover {
  background-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0) 100%,
      transparent 0%
    ),
    image(alpha(currentColor, 0));
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2),
    inset 0 1px rgba(255, 255, 255, 0.07);
}

assistant headerbar button.flat:not(:last-child):active,
.background button:active,
button.suggested-action:active,
button.destructive-action:active,
.inline-toolbar button.suggested-action:active,
.inline-toolbar button.suggested-action.image-button:active,
.inline-toolbar button.suggested-action.text-button:active,
actionbar button.suggested-action:active,
actionbar button.suggested-action.image-button:active,
actionbar button.suggested-action.text-button:active,
.inline-toolbar button.destructive-action:active,
.inline-toolbar button.destructive-action.image-button:active,
.inline-toolbar button.destructive-action.text-button:active,
actionbar button.destructive-action:active,
actionbar button.destructive-action.image-button:active,
actionbar button.destructive-action.text-button:active,
headerbar.selection-mode button.suggested-action:active,
headerbar.selection-mode button.image-button.suggested-action:active,
.lightdm-gtk-greeter #login_window button#login_button:active,
.lightdm-gtk-greeter #restart_dialog button#restart_button:active,
.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:active,
stack > grid.horizontal > widget > button.close-button.image-button:active {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2),
    inset 0 1px rgba(255, 255, 255, 0.07);
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0s;
  animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
}

assistant headerbar button.flat:not(:last-child):checked,
.background button:checked,
.inline-toolbar button.suggested-action:checked,
.inline-toolbar button.suggested-action.image-button:checked,
.inline-toolbar button.suggested-action.text-button:checked,
actionbar button.suggested-action:checked,
actionbar button.suggested-action.image-button:checked,
actionbar button.suggested-action.text-button:checked,
.inline-toolbar button.destructive-action:checked,
.inline-toolbar button.destructive-action.image-button:checked,
.inline-toolbar button.destructive-action.text-button:checked,
actionbar button.destructive-action:checked,
actionbar button.destructive-action.image-button:checked,
actionbar button.destructive-action.text-button:checked {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16),
    inset 0 1px rgba(255, 255, 255, 0.07);
}

assistant headerbar button.flat:not(:last-child):disabled,
.background button:disabled,
button.suggested-action:disabled,
button.destructive-action:disabled,
.inline-toolbar button.suggested-action:disabled,
.inline-toolbar button.suggested-action.image-button:disabled,
.inline-toolbar button.suggested-action.text-button:disabled,
actionbar button.suggested-action:disabled,
actionbar button.suggested-action.image-button:disabled,
actionbar button.suggested-action.text-button:disabled,
.inline-toolbar button.destructive-action:disabled,
.inline-toolbar button.destructive-action.image-button:disabled,
.inline-toolbar button.destructive-action.text-button:disabled,
actionbar button.destructive-action:disabled,
actionbar button.destructive-action.image-button:disabled,
actionbar button.destructive-action.text-button:disabled,
headerbar.selection-mode button.suggested-action:disabled,
headerbar.selection-mode button.image-button.suggested-action:disabled,
.lightdm-gtk-greeter #login_window button#login_button:disabled,
.lightdm-gtk-greeter #restart_dialog button#restart_button:disabled,
.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:disabled,
stack > grid.horizontal > widget > button.close-button.image-button:disabled,
.background button:checked:disabled {
  box-shadow: none;
}

assistant headerbar button.flat:not(:last-child):disabled > label,
.background button:disabled > label,
button.suggested-action:disabled > label,
button.destructive-action:disabled > label,
.inline-toolbar button.suggested-action:disabled > label,
.inline-toolbar button.suggested-action.image-button:disabled > label,
.inline-toolbar button.suggested-action.text-button:disabled > label,
actionbar button.suggested-action:disabled > label,
actionbar button.suggested-action.image-button:disabled > label,
actionbar button.suggested-action.text-button:disabled > label,
.inline-toolbar button.destructive-action:disabled > label,
.inline-toolbar button.destructive-action.image-button:disabled > label,
.inline-toolbar button.destructive-action.text-button:disabled > label,
actionbar button.destructive-action:disabled > label,
actionbar button.destructive-action.image-button:disabled > label,
actionbar button.destructive-action.text-button:disabled > label,
headerbar.selection-mode button.suggested-action:disabled > label,
headerbar.selection-mode button.image-button.suggested-action:disabled > label,
.lightdm-gtk-greeter #login_window button#login_button:disabled > label,
.lightdm-gtk-greeter #restart_dialog button#restart_button:disabled > label,
.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:disabled > label,
stack
  > grid.horizontal
  > widget
  > button.close-button.image-button:disabled
  > label,
.background button:checked:disabled > label {
  color: inherit;
}

buttonbox:not(.linked) button,
buttonbox.dialog-action-area:not(.linked) button,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button,
button.flat,
button.osd.image-button,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > box.nobg.osd
  > revealer
  > button,
window.background:not(.csd):not(.solid-csd) > overlay > revealer > button.osd,
.inline-toolbar button,
.inline-toolbar button.image-button:not(.text-button),
actionbar button,
actionbar button.image-button:not(.text-button),
.linked > button,
toolbar .linked > button.text-button:not(.image-button),
window.budgie-popover.background:not(.csd) .linked > button,
popover.background .linked > button,
.caja-navigation-window .caja-pathbar button,
.caja-navigation-window .caja-pathbar button.slider-button,
.linked.vertical > button,
modelbutton.flat,
.menuitem.button.flat,
spinbutton:not(.vertical) button,
.background combobox button.combo,
.app-notification button,
.app-notification.frame button,
.osd toolbar button,
toolbar.osd button,
.gedit-bottom-panel-paned .gedit-search-slider button,
.background toolbar button,
actionbar box:not(.linked) > button.toggle,
actionbar .linked > button.image-button,
.menu > arrow,
.context-menu > arrow,
menu > arrow,
popover.background.touch-selection button,
popover.background.magnifier button,
popover.background.osd button,
calendar.button,
calendar.header.button,
messagedialog.background .dialog-action-area button,
messagedialog.background .dialog-action-area .linked > button,
messagedialog.csd.background .dialog-action-area button,
messagedialog.csd.background .dialog-action-area .linked > button,
placessidebar row button.image-button,
infobar.info button,
NautilusTrashBar.info button,
infobar.question button,
NautilusTrashBar.question button,
infobar.warning button,
NautilusTrashBar.warning button,
infobar.error button,
NautilusTrashBar.error button,
wnck-tasklist > button.toggle,
#tasklist-button,
#clock-applet-button,
#showdesktop-button,
#gf-candidate-popup button,
#gf-candidate-popup button:first-child,
#gf-candidate-popup button:last-child,
#gf-candidate-popup .linked > button,
#gf-candidate-popup .linked > button:first-child,
#gf-candidate-popup .linked > button:last-child,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action),
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action),
layouttabbar box.horizontal > button,
layouttabbar box.horizontal > button.popup.toggle,
layouttab button,
layouttab button.popup.toggle,
layouttab > box > button.close,
window > popover > stack > grid > button.text-button:not(.suggested-action),
.raven button.image-button,
widget > box.workspace-switcher button.image-button.workspace-add-button,
window.background.lightdm button,
window.background.lightdm button.toggle-button,
window.background.lightdm button.toggle-button.selected,
.nemo-window grid.vertical > widget > box > button.image-button,
.csstage .transparentbutton,
PanelToplevel.mate-panel-menu-bar > grid.horizontal > button,
.caja-navigation-window button.image-button.toggle {
  background-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0) 100%,
      transparent 0%
    ),
    image(alpha(currentColor, 0));
  box-shadow: none;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
}

buttonbox:not(.linked) button:hover,
buttonbox.dialog-action-area:not(.linked) button:hover,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:hover,
button.flat:hover,
button.osd.image-button:hover,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > box.nobg.osd
  > revealer
  > button:hover,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > revealer
  > button.osd:hover,
button.suggested-action.flat:hover,
button.destructive-action.flat:hover,
.inline-toolbar button:hover,
.inline-toolbar button.image-button:not(.text-button):hover,
actionbar button:hover,
actionbar button.image-button:not(.text-button):hover,
.linked > button:hover,
toolbar .linked > button.text-button:hover:not(.image-button),
window.budgie-popover.background:not(.csd) .linked > button:hover,
popover.background .linked > button:hover,
.caja-navigation-window .caja-pathbar button:hover,
modelbutton.flat:hover,
.menuitem.button.flat:hover,
spinbutton:not(.vertical) button.down:hover,
spinbutton:not(.vertical) button.up:hover,
spinbutton.vertical button.up:hover,
spinbutton.vertical button.down:hover,
.background combobox button.combo:hover,
.background combobox button.combo:active,
.background combobox button.combo:checked,
.app-notification button:hover,
.osd toolbar button:hover,
toolbar.osd button:hover,
.gedit-bottom-panel-paned .gedit-search-slider button:hover,
.background toolbar button:hover,
toolbar .linked > button:not(.combo):not(.text-button):hover,
toolbar .linked > button.image-button:not(.combo):not(.text-button):hover,
actionbar box:not(.linked) > button.toggle:hover,
actionbar .linked > button.image-button:hover,
.menu > arrow:hover,
.context-menu > arrow:hover,
menu > arrow:hover,
calendar.button:hover,
calendar.header.button:hover,
messagedialog.background .dialog-action-area button:hover,
messagedialog.background .dialog-action-area .linked > button:hover,
messagedialog.csd.background .dialog-action-area button:hover,
messagedialog.csd.background .dialog-action-area .linked > button:hover,
placessidebar row button.image-button:hover,
infobar.info button:hover,
NautilusTrashBar.info button:hover,
infobar.question button:hover,
NautilusTrashBar.question button:hover,
infobar.warning button:hover,
NautilusTrashBar.warning button:hover,
infobar.error button:hover,
NautilusTrashBar.error button:hover,
.osd .scale-popup .vertical button:first-child:hover,
.scale-popup .vertical button:first-child:hover,
.osd .scale-popup .vertical button:last-child:hover,
.scale-popup .vertical button:last-child:hover,
.osd .scale-popup button:first-child:hover,
.scale-popup button:first-child:hover,
.osd .scale-popup button:last-child:hover,
.scale-popup button:last-child:hover,
#gf-candidate-popup button:hover,
#gf-candidate-popup button:first-child:hover,
#gf-candidate-popup button:last-child:hover,
#gf-candidate-popup .linked > button:hover,
#gf-candidate-popup .linked > button:first-child:hover,
#gf-candidate-popup .linked > button:last-child:hover,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):hover,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):hover,
layouttabbar box.horizontal > button:hover,
layouttabbar box.horizontal > button.popup.toggle:hover,
layouttab button:hover,
layouttab button.popup.toggle:hover,
layouttab > box > button.close:hover,
window
  > popover
  > stack
  > grid
  > button.text-button:not(.suggested-action):hover,
.raven button.image-button:hover,
widget > box.workspace-switcher button.image-button.workspace-add-button:hover,
window.background.lightdm button:hover,
window.background.lightdm button.toggle-button:hover,
.nemo-window grid.vertical > widget > box > button.image-button:hover,
.csstage .transparentbutton:hover,
PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:hover,
.caja-navigation-window button.image-button.toggle:hover {
  background-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0) 100%,
      transparent 0%
    ),
    image(alpha(currentColor, 0.12));
  box-shadow: none;
}

buttonbox:not(.linked) button:active,
buttonbox.dialog-action-area:not(.linked) button:active,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:active,
button.flat:active,
button.osd.image-button:active,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > box.nobg.osd
  > revealer
  > button:active,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > revealer
  > button.osd:active,
button.suggested-action.flat:active,
button.destructive-action.flat:active,
.inline-toolbar button:active,
.inline-toolbar button.image-button:not(.text-button):active,
actionbar button:active,
actionbar button.image-button:not(.text-button):active,
.linked > button:active,
toolbar .linked > button.text-button:active:not(.image-button),
window.budgie-popover.background:not(.csd) .linked > button:active,
popover.background .linked > button:active,
.caja-navigation-window .caja-pathbar button:active,
modelbutton.flat:active,
.menuitem.button.flat:active,
spinbutton:not(.vertical) button.down:active,
spinbutton:not(.vertical) button.up:active,
spinbutton.vertical button.up:active,
spinbutton.vertical button.down:active,
.app-notification button:active,
.osd toolbar button:active,
toolbar.osd button:active,
.gedit-bottom-panel-paned .gedit-search-slider button:active,
.background toolbar button:active,
toolbar .linked > button:not(.combo):not(.text-button):active,
toolbar .linked > button.image-button:not(.combo):not(.text-button):active,
.menu > arrow:active,
.context-menu > arrow:active,
menu > arrow:active,
calendar.button:active,
calendar.header.button:active,
messagedialog.background .dialog-action-area button:active,
messagedialog.background .dialog-action-area .linked > button:active,
messagedialog.csd.background .dialog-action-area button:active,
messagedialog.csd.background .dialog-action-area .linked > button:active,
placessidebar row button.image-button:active,
infobar.info button:active,
NautilusTrashBar.info button:active,
infobar.question button:active,
NautilusTrashBar.question button:active,
infobar.warning button:active,
NautilusTrashBar.warning button:active,
infobar.error button:active,
NautilusTrashBar.error button:active,
#gf-candidate-popup button:active,
#gf-candidate-popup button:first-child:active,
#gf-candidate-popup button:last-child:active,
#gf-candidate-popup .linked > button:active,
#gf-candidate-popup .linked > button:first-child:active,
#gf-candidate-popup .linked > button:last-child:active,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):active,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):active,
layouttabbar box.horizontal > button:active,
layouttabbar box.horizontal > button.popup.toggle:active,
layouttab button:active,
layouttab button.popup.toggle:active,
layouttab > box > button.close:active,
window
  > popover
  > stack
  > grid
  > button.text-button:not(.suggested-action):active,
.raven button.image-button:active,
widget > box.workspace-switcher button.image-button.workspace-add-button:active,
window.background.lightdm button:active,
window.background.lightdm button.toggle-button:active,
.csstage .transparentbutton:active,
PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:active,
.caja-navigation-window button.image-button.toggle:active {
  box-shadow: none;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0s;
  animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
}

buttonbox:not(.linked) button:checked,
buttonbox.dialog-action-area:not(.linked) button:checked,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:checked,
button.flat:checked,
button.suggested-action.flat:checked,
button.destructive-action.flat:checked,
.inline-toolbar button:checked,
.inline-toolbar button.image-button:not(.text-button):checked,
actionbar button:checked,
actionbar button.image-button:not(.text-button):checked,
.linked > button:checked,
toolbar .linked > button.text-button:checked:not(.image-button),
window.budgie-popover.background:not(.csd) .linked > button:checked,
popover.background .linked > button:checked,
.caja-navigation-window .caja-pathbar button:checked,
modelbutton.flat:checked,
.menuitem.button.flat:checked,
.app-notification button:checked,
.osd toolbar button:checked,
toolbar.osd button:checked,
.gedit-bottom-panel-paned .gedit-search-slider button:checked,
.background toolbar button:checked,
actionbar box:not(.linked) > button.toggle:checked,
actionbar .linked > button.image-button:checked,
.menu > arrow:checked,
.context-menu > arrow:checked,
menu > arrow:checked,
messagedialog.background .dialog-action-area button:checked,
messagedialog.background .dialog-action-area .linked > button:checked,
messagedialog.csd.background .dialog-action-area button:checked,
messagedialog.csd.background .dialog-action-area .linked > button:checked,
placessidebar row button.image-button:checked,
infobar.info button:checked,
NautilusTrashBar.info button:checked,
infobar.question button:checked,
NautilusTrashBar.question button:checked,
infobar.warning button:checked,
NautilusTrashBar.warning button:checked,
infobar.error button:checked,
NautilusTrashBar.error button:checked,
#gf-candidate-popup button:checked,
#gf-candidate-popup button:first-child:checked,
#gf-candidate-popup button:last-child:checked,
#gf-candidate-popup .linked > button:checked,
#gf-candidate-popup .linked > button:first-child:checked,
#gf-candidate-popup .linked > button:last-child:checked,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):checked,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):checked,
window
  > popover
  > stack
  > grid
  > button.text-button:not(.suggested-action):checked,
.raven button.image-button:checked,
.nemo-window grid.vertical > widget > box > button.image-button:checked,
.csstage .transparentbutton:checked,
PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:checked,
.caja-navigation-window button.image-button.toggle:checked,
#SnapToolbar > button:checked,
#SnapToolbar > toolitem > button:checked,
#SnapToolbar > toolbutton > button:checked,
#ToolToolbar > button:checked,
#ToolToolbar > toolitem > button:checked,
#ToolToolbar > toolbutton > button:checked,
#InkscapePanel box#PanelContents button.toggle:checked,
#InkscapePanel box#PanelContents button.radio:checked {
  box-shadow: none;
}

buttonbox:not(.linked) button:disabled,
buttonbox.dialog-action-area:not(.linked) button:disabled,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:disabled,
button.flat:disabled,
button.suggested-action.flat:disabled,
button.destructive-action.flat:disabled,
.inline-toolbar button:disabled,
.inline-toolbar button.image-button:not(.text-button):disabled,
actionbar button:disabled,
actionbar button.image-button:not(.text-button):disabled,
modelbutton.flat:disabled,
.menuitem.button.flat:disabled,
spinbutton:not(.vertical) button.down:disabled,
spinbutton:not(.vertical) button.up:disabled,
spinbutton.vertical button.up:disabled,
spinbutton.vertical button.down:disabled,
.background combobox button.combo:disabled,
.background combobox button.combo:checked:disabled,
.app-notification button:disabled,
.osd toolbar button:disabled,
toolbar.osd button:disabled,
.gedit-bottom-panel-paned .gedit-search-slider button:disabled,
.background toolbar button:disabled,
actionbar box:not(.linked) > button.toggle:disabled,
actionbar .linked > button.image-button:disabled,
.menu > arrow:disabled,
.context-menu > arrow:disabled,
menu > arrow:disabled,
window.budgie-popover.background:not(.csd) .linked > button:disabled,
popover.background .linked > button:disabled,
calendar.button:disabled,
calendar.header.button:disabled,
messagedialog.background .dialog-action-area button:disabled,
messagedialog.background .dialog-action-area .linked > button:disabled,
messagedialog.csd.background .dialog-action-area button:disabled,
messagedialog.csd.background .dialog-action-area .linked > button:disabled,
placessidebar row button.image-button:disabled,
.osd .scale-popup .vertical button:first-child:disabled,
.scale-popup .vertical button:first-child:disabled,
.osd .scale-popup .vertical button:last-child:disabled,
.scale-popup .vertical button:last-child:disabled,
.osd .scale-popup button:first-child:disabled,
.scale-popup button:first-child:disabled,
.osd .scale-popup button:last-child:disabled,
.scale-popup button:last-child:disabled,
list.tweak-group-startup row.activatable > grid > button:disabled,
#gf-candidate-popup button:disabled,
#gf-candidate-popup button:first-child:disabled,
#gf-candidate-popup button:last-child:disabled,
#gf-candidate-popup .linked > button:disabled,
#gf-candidate-popup .linked > button:first-child:disabled,
#gf-candidate-popup .linked > button:last-child:disabled,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):disabled,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):disabled,
layouttabbar box.horizontal > button:disabled,
layouttabbar box.horizontal > button.popup.toggle:disabled,
layouttab button:disabled,
layouttab button.popup.toggle:disabled,
layouttab > box > button.close:disabled,
window
  > popover
  > stack
  > grid
  > button.text-button:not(.suggested-action):disabled,
.raven button.image-button:disabled,
widget
  > box.workspace-switcher
  button.image-button.workspace-add-button:disabled,
.nemo-window grid.vertical > widget > box > button.image-button:disabled,
.csstage .transparentbutton:disabled,
PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:disabled,
.caja-navigation-window button.image-button.toggle:disabled,
buttonbox:not(.linked) button:checked:disabled,
buttonbox.dialog-action-area:not(.linked) button:checked:disabled,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:checked:disabled,
button.flat:checked:disabled,
.inline-toolbar button:checked:disabled,
.inline-toolbar button.image-button:not(.text-button):checked:disabled,
actionbar button:checked:disabled,
actionbar button.image-button:not(.text-button):checked:disabled,
modelbutton.flat:checked:disabled,
.menuitem.button.flat:checked:disabled,
.background toolbar button:checked:disabled,
actionbar box:not(.linked) > button.toggle:checked:disabled,
actionbar .linked > button.image-button:checked:disabled,
.menu > arrow:checked:disabled,
.context-menu > arrow:checked:disabled,
menu > arrow:checked:disabled,
window.budgie-popover.background:not(.csd) .linked > button:checked:disabled,
popover.background .linked > button:checked:disabled,
placessidebar row button.image-button:checked:disabled,
#gf-candidate-popup button:checked:disabled,
#gf-candidate-popup button:first-child:checked:disabled,
#gf-candidate-popup button:last-child:checked:disabled,
#gf-candidate-popup .linked > button:checked:disabled,
#gf-candidate-popup .linked > button:first-child:checked:disabled,
#gf-candidate-popup .linked > button:last-child:checked:disabled,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):checked:disabled,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):checked:disabled,
layouttabbar box.horizontal > button:checked:disabled,
layouttabbar box.horizontal > button.popup.toggle:checked:disabled,
layouttab button:checked:disabled,
layouttab button.popup.toggle:checked:disabled,
window
  > popover
  > stack
  > grid
  > button.text-button:not(.suggested-action):checked:disabled,
.raven button.image-button:checked:disabled,
.nemo-window
  grid.vertical
  > widget
  > box
  > button.image-button:checked:disabled,
#InkscapePanel box#PanelContents button.toggle:checked:disabled,
#InkscapePanel box#PanelContents button.radio:checked:disabled {
  box-shadow: none;
}

buttonbox:not(.linked) button:disabled > label,
buttonbox.dialog-action-area:not(.linked) button:disabled > label,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:disabled
  > label,
button.flat:disabled > label,
button.suggested-action.flat:disabled > label,
button.destructive-action.flat:disabled > label,
.inline-toolbar button:disabled > label,
.inline-toolbar button.image-button:not(.text-button):disabled > label,
actionbar button:disabled > label,
actionbar button.image-button:not(.text-button):disabled > label,
modelbutton.flat:disabled > label,
.menuitem.button.flat:disabled > label,
spinbutton:not(.vertical) button.down:disabled > label,
spinbutton:not(.vertical) button.up:disabled > label,
spinbutton.vertical button.up:disabled > label,
spinbutton.vertical button.down:disabled > label,
.background combobox button.combo:disabled > label,
.background combobox button.combo:checked:disabled > label,
.app-notification button:disabled > label,
.osd toolbar button:disabled > label,
toolbar.osd button:disabled > label,
.gedit-bottom-panel-paned .gedit-search-slider button:disabled > label,
.background toolbar button:disabled > label,
actionbar box:not(.linked) > button.toggle:disabled > label,
actionbar .linked > button.image-button:disabled > label,
.menu > arrow:disabled > label,
.context-menu > arrow:disabled > label,
menu > arrow:disabled > label,
window.budgie-popover.background:not(.csd) .linked > button:disabled > label,
popover.background .linked > button:disabled > label,
calendar.button:disabled > label,
calendar.header.button:disabled > label,
messagedialog.background .dialog-action-area button:disabled > label,
messagedialog.background .dialog-action-area .linked > button:disabled > label,
messagedialog.csd.background .dialog-action-area button:disabled > label,
messagedialog.csd.background
  .dialog-action-area
  .linked
  > button:disabled
  > label,
placessidebar row button.image-button:disabled > label,
.osd .scale-popup .vertical button:first-child:disabled > label,
.scale-popup .vertical button:first-child:disabled > label,
.osd .scale-popup .vertical button:last-child:disabled > label,
.scale-popup .vertical button:last-child:disabled > label,
.osd .scale-popup button:first-child:disabled > label,
.scale-popup button:first-child:disabled > label,
.osd .scale-popup button:last-child:disabled > label,
.scale-popup button:last-child:disabled > label,
list.tweak-group-startup row.activatable > grid > button:disabled > label,
#gf-candidate-popup button:disabled > label,
#gf-candidate-popup button:first-child:disabled > label,
#gf-candidate-popup button:last-child:disabled > label,
#gf-candidate-popup .linked > button:disabled > label,
#gf-candidate-popup .linked > button:first-child:disabled > label,
#gf-candidate-popup .linked > button:last-child:disabled > label,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):disabled
  > label,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):disabled
  > label,
layouttabbar box.horizontal > button:disabled > label,
layouttabbar box.horizontal > button.popup.toggle:disabled > label,
layouttab button:disabled > label,
layouttab button.popup.toggle:disabled > label,
layouttab > box > button.close:disabled > label,
window
  > popover
  > stack
  > grid
  > button.text-button:not(.suggested-action):disabled
  > label,
.raven button.image-button:disabled > label,
widget
  > box.workspace-switcher
  button.image-button.workspace-add-button:disabled
  > label,
.nemo-window
  grid.vertical
  > widget
  > box
  > button.image-button:disabled
  > label,
.csstage .transparentbutton:disabled > label,
PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:disabled > label,
.caja-navigation-window button.image-button.toggle:disabled > label,
buttonbox:not(.linked) button:checked:disabled > label,
buttonbox.dialog-action-area:not(.linked) button:checked:disabled > label,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:checked:disabled
  > label,
button.flat:checked:disabled > label,
.inline-toolbar button:checked:disabled > label,
.inline-toolbar button.image-button:not(.text-button):checked:disabled > label,
actionbar button:checked:disabled > label,
actionbar button.image-button:not(.text-button):checked:disabled > label,
modelbutton.flat:checked:disabled > label,
.menuitem.button.flat:checked:disabled > label,
.background toolbar button:checked:disabled > label,
actionbar box:not(.linked) > button.toggle:checked:disabled > label,
actionbar .linked > button.image-button:checked:disabled > label,
.menu > arrow:checked:disabled > label,
.context-menu > arrow:checked:disabled > label,
menu > arrow:checked:disabled > label,
window.budgie-popover.background:not(.csd)
  .linked
  > button:checked:disabled
  > label,
popover.background .linked > button:checked:disabled > label,
placessidebar row button.image-button:checked:disabled > label,
#gf-candidate-popup button:checked:disabled > label,
#gf-candidate-popup button:first-child:checked:disabled > label,
#gf-candidate-popup button:last-child:checked:disabled > label,
#gf-candidate-popup .linked > button:checked:disabled > label,
#gf-candidate-popup .linked > button:first-child:checked:disabled > label,
#gf-candidate-popup .linked > button:last-child:checked:disabled > label,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):checked:disabled
  > label,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):checked:disabled
  > label,
layouttabbar box.horizontal > button:checked:disabled > label,
layouttabbar box.horizontal > button.popup.toggle:checked:disabled > label,
layouttab button:checked:disabled > label,
layouttab button.popup.toggle:checked:disabled > label,
window
  > popover
  > stack
  > grid
  > button.text-button:not(.suggested-action):checked:disabled
  > label,
.raven button.image-button:checked:disabled > label,
.nemo-window
  grid.vertical
  > widget
  > box
  > button.image-button:checked:disabled
  > label,
#InkscapePanel box#PanelContents button.toggle:checked:disabled > label,
#InkscapePanel box#PanelContents button.radio:checked:disabled > label {
  color: inherit;
}

combobox button.combo,
#MozillaGtkWidget.background > widget > button > button,
#MozillaGtkWidget.background > widget > button.combo > button {
  border: 1px solid @borders;
  background-color: @theme_base_color;
  color: rgba(38, 50, 56, 0.87);
  box-shadow: none;
}

combobox button.combo:hover,
#MozillaGtkWidget.background > widget > button > button:hover,
#MozillaGtkWidget.background > widget > button.combo > button:hover {
  border: 1px solid #d4d6d7;
  background-color: #f6f7f7;
  color: @theme_fg_color;
  box-shadow: none;
}

combobox button.combo:active,
combobox button.combo:checked,
#MozillaGtkWidget.background > widget > button > button:active,
#MozillaGtkWidget.background > widget > button > button:checked,
#MozillaGtkWidget.background > widget > button.combo > button:active,
#MozillaGtkWidget.background > widget > button.combo > button:checked {
  border: 1px solid #d4d6d7;
  background-color: #eeefef;
  color: @theme_fg_color;
  box-shadow: none;
  animation: none;
}

combobox button.combo:disabled,
#MozillaGtkWidget.background > widget > button > button:disabled,
#MozillaGtkWidget.background > widget > button.combo > button:disabled {
  border: none;
  background-color: #f2f3f4;
  color: rgba(38, 50, 56, 0.28);
  box-shadow: none;
}

button:checked:disabled,
combobox button.combo:checked:disabled,
#MozillaGtkWidget.background > widget > button > button:checked:disabled,
#MozillaGtkWidget.background > widget > button.combo > button:checked:disabled {
  border: none;
  background-color: #ccf2f6;
  color: #99e4ee;
  box-shadow: none;
}

*,
.night-light-indicator box.vertical > button.flat.display-settings-button,
.night-light-indicator
  box.vertical
  > button.flat.display-settings-button:hover {
  transition-property: opacity, border-color, border-image, background-color,
    background-image, box-shadow, icon-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}

* {
  padding: 0;
  background-clip: padding-box;
  -GtkToolButton-icon-spacing: 4;
  -GtkTextView-error-underline-color: #f44336;
  -GtkScrolledWindow-scrollbar-spacing: 0;
  -GtkToolItemGroup-expander-size: 11;
  -GtkWidget-text-handle-width: 16;
  -GtkWidget-text-handle-height: 16;
  -GtkDialog-button-spacing: 4;
  -GtkDialog-action-area-border: 0;
  outline-style: solid;
  outline-width: 2px;
  outline-color: alpha(currentColor, 0.2);
  outline-offset: -0.3rem;
  -gtk-outline-radius: 2px;
  -gtk-secondary-caret-color: @theme_selected_bg_color;
  text-shadow: none;
  -gtk-icon-shadow: none;
}

.background {
  background-color: @theme_bg_color;
  color: @theme_fg_color;
}

*:disabled {
  -gtk-icon-effect: dim;
}

.gtkstyle-fallback {
  background-color: @theme_bg_color;
  color: rgba(38, 50, 56, 0.87);
}

.gtkstyle-fallback:hover {
  background-color: #e1e3e4;
  color: @theme_fg_color;
}

.gtkstyle-fallback:active {
  background-color: #c5c9cb;
  color: @theme_fg_color;
}

.gtkstyle-fallback:disabled {
  background-color: @theme_bg_color;
  color: rgba(38, 50, 56, 0.28);
}

.gtkstyle-fallback:selected {
  background-color: @theme_selected_bg_color;
  color: @theme_base_color;
}

.view,
iconview {
  background-color: @theme_base_color;
  color: @theme_fg_color;
}

.view:hover,
iconview:hover,
.view:active,
iconview:active,
.view:selected,
iconview:selected {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.view:disabled,
iconview:disabled {
  color: rgba(38, 50, 56, 0.28);
}

.view text,
iconview text,
textview text {
  background-color: @theme_base_color;
  color: @theme_fg_color;
}

.view text:disabled,
iconview text:disabled,
textview text:disabled {
  color: rgba(38, 50, 56, 0.28);
}

textview {
  outline-width: 0;
}

textview,
textview.view,
textview text,
textview text selection {
  background-image: none;
  transition: none;
}

textview border {
  background-color: @theme_bg_color;
}

rubberband,
flowbox rubberband,
treeview.view rubberband,
.content-view rubberband,
.rubberband {
  border: 1px solid @theme_selected_bg_color;
  background-color: rgba(0, 188, 212, 0.2);
}

flowbox flowboxchild {
  margin: 0.3rem;
  padding: 0.3rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

flowbox flowboxchild:selected {
  outline-offset: -0.15rem;
}

label {
  caret-color: currentColor;
}

label.separator {
  color: rgba(38, 50, 56, 0.54);
}

label:selected,
row:selected label {
  color: @theme_base_color;
}

label:selected:disabled,
row:selected label:disabled {
  color: rgba(255, 255, 255, 0.4);
}

label:disabled {
  color: rgba(38, 50, 56, 0.28);
}

label:disabled selection {
  color: rgba(255, 255, 255, 0.4);
}

label.kudo-label {
  color: @theme_fg_color;
}

.dim-label,
.night-light-indicator .view-header label {
  opacity: 0.55;
}

assistant .sidebar {
  padding: 0.5rem 0;
  background-color: #f7f9f9;
}

assistant .sidebar:dir(ltr) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
}

assistant .sidebar:dir(rtl) {
  border-left: 1px solid rgba(0, 0, 0, 0.09);
}

assistant.csd .sidebar {
  border-top-style: none;
}

assistant .sidebar label {
  padding: 0.4rem 0.6rem 0.5rem;
  color: rgba(38, 50, 56, 0.87);
  font-weight: 500;
}

assistant .sidebar label.highlight {
  color: @theme_selected_bg_color;
}

assistant headerbar button.flat:not(:last-child) {
  background-color: #009688;
  color: rgba(255, 255, 255, 0.87);
}

assistant headerbar button.flat:not(:last-child):hover {
  color: @theme_base_color;
}

assistant headerbar button.flat:not(:last-child):active {
  color: @theme_base_color;
  background-color: @theme_selected_bg_color;
}

assistant headerbar button.flat:not(:last-child):checked {
  background-color: #009688;
  color: @theme_text_color;
}

assistant headerbar button.flat:not(:last-child):disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.2436);
}

buttonbox:not(.linked) button,
buttonbox.dialog-action-area:not(.linked) button,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button {
  background-color: transparent;
  color: rgba(69, 156, 149, 0.87);
  font-weight: 700;
}

buttonbox:not(.linked) button:hover,
buttonbox.dialog-action-area:not(.linked) button:hover,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:hover {
  background-color: transparent;
  color: #459c95;
}

buttonbox:not(.linked) button:active,
buttonbox.dialog-action-area:not(.linked) button:active,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:active {
  background-color: transparent;
  color: #459c95;
}

buttonbox:not(.linked) button:disabled,
buttonbox.dialog-action-area:not(.linked) button:disabled,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:disabled {
  background-color: transparent;
  color: rgba(38, 50, 56, 0.28);
}

buttonbox:not(.linked) button:checked,
buttonbox.dialog-action-area:not(.linked) button:checked,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:checked {
  background-color: transparent;
  color: #459c95;
}

buttonbox:not(.linked) button:checked:disabled,
buttonbox.dialog-action-area:not(.linked) button:checked:disabled,
.background.csd
  > box.vertical
  > stack
  > box.vertical
  > widget
  notebook
  > stack
  > notebook
  > stack
  > box.vertical
  > box.horizontal:not(.linked)
  button:checked:disabled {
  background-color: transparent;
  color: rgba(69, 156, 149, 0.4);
}

popover.background.touch-selection,
popover.background.magnifier,
popover.background.osd,
.app-notification,
.app-notification.frame,
.osd .scale-popup,
.floating-bar,
.osd {
  opacity: 0.9;
}

@keyframes spinner {
  to {
    -gtk-icon-transform: rotate(1turn);
  }
}

spinner {
  background: none;
  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
  color: #459c95;
  opacity: 0;
}

spinner:checked {
  opacity: 1;
  animation: spinner 1s linear infinite;
}

spinner:checked:backdrop {
  opacity: 1;
}

spinner:disabled {
  color: rgba(69, 156, 149, 0.4);
}

spinner:backdrop {
  opacity: 0;
}

.osd spinner,
.floating-bar spinner,
.app-notification spinner,
headerbar spinner,
messagedialog spinner {
  color: #81c4bf;
}

.osd spinner:disabled,
.floating-bar spinner:disabled,
.app-notification spinner:disabled,
headerbar spinner:disabled,
messagedialog spinner:disabled {
  color: rgba(129, 196, 191, 0.4);
}

entry,
spinbutton:not(.vertical) {
  min-height: 1rem;
  min-width: 2.5rem;
  padding: 0.7rem 0.6rem 0.8rem;
}

entry,
spinbutton:not(.vertical),
entry.flat,
spinbutton.flat:not(.vertical) {
  border-radius: 2px;
}

.background entry,
.background spinbutton:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(38, 50, 56, 0.87);
  border-radius: 0;
  background-color: transparent;
}

.background entry:focus,
.background spinbutton:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: @theme_fg_color;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
  background-color: transparent;
}

.background entry:disabled,
.background spinbutton:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(38, 50, 56, 0.28);
  background-color: transparent;
}

.background entry.flat,
.background spinbutton.flat:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
  border-radius: 0;
  background-color: transparent;
}

.background entry.flat:focus,
.background spinbutton.flat:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: @theme_fg_color;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
  background-color: transparent;
}

.background entry.flat:disabled,
.background spinbutton.flat:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.28);
  background-color: transparent;
}

entry image,
spinbutton:not(.vertical) image {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

.linked > entry,
.linked > spinbutton:not(.vertical),
entry.flat,
spinbutton.flat:not(.vertical),
.linked.vertical > entry,
.linked.vertical > spinbutton:not(.vertical),
entry.flat,
spinbutton.flat:not(.vertical) {
  border-radius: 2px;
}

.background .linked > entry,
.background .linked > spinbutton:not(.vertical),
entry.flat,
spinbutton.flat:not(.vertical),
.background .linked.vertical > entry,
.background .linked.vertical > spinbutton:not(.vertical),
entry.flat,
spinbutton.flat:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
  border-radius: 0;
  -gtk-outline-radius: 0;
  background-color: transparent;
}

.background .linked > entry:focus,
.background .linked > spinbutton:focus:not(.vertical),
entry.flat:focus,
spinbutton.flat:focus:not(.vertical),
.background .linked.vertical > entry:focus,
.background .linked.vertical > spinbutton:focus:not(.vertical),
entry.flat:focus,
spinbutton.flat:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: @theme_fg_color;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
  background-color: transparent;
}

.background .linked > entry:disabled,
.background .linked > spinbutton:disabled:not(.vertical),
entry.flat:disabled,
spinbutton.flat:disabled:not(.vertical),
.background .linked.vertical > entry:disabled,
.background .linked.vertical > spinbutton:disabled:not(.vertical),
entry.flat:disabled,
spinbutton.flat:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.28);
  background-color: transparent;
}

entry.error,
spinbutton.error:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(244, 67, 54, 0.87);
}

entry.error:focus,
spinbutton.error:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: #f44336;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
}

entry.error:disabled,
spinbutton.error:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(244, 67, 54, 0.28);
}

entry.error.flat,
spinbutton.error.flat:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(244, 67, 54, 0.87);
}

entry.error.flat:focus,
spinbutton.error.flat:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: #f44336;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
}

entry.error.flat:disabled,
spinbutton.error.flat:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(244, 67, 54, 0.28);
}

entry.warning,
spinbutton.warning:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(255, 152, 0, 0.87);
}

entry.warning:focus,
spinbutton.warning:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: #ff9800;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
}

entry.warning:disabled,
spinbutton.warning:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(255, 152, 0, 0.28);
}

entry.warning.flat,
spinbutton.warning.flat:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(255, 152, 0, 0.87);
}

entry.warning.flat:focus,
spinbutton.warning.flat:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: #ff9800;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
}

entry.warning.flat:disabled,
spinbutton.warning.flat:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(255, 152, 0, 0.28);
}

entry.search-missing,
spinbutton.search-missing:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(244, 67, 54, 0.87);
}

entry.search-missing:focus,
spinbutton.search-missing:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: #f44336;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
}

entry.search-missing:disabled,
spinbutton.search-missing:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(244, 67, 54, 0.28);
}

entry.search-missing.flat,
spinbutton.search-missing.flat:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(244, 67, 54, 0.87);
}

entry.search-missing.flat:focus,
spinbutton.search-missing.flat:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: #f44336;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
}

entry.search-missing.flat:disabled,
spinbutton.search-missing.flat:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(244, 67, 54, 0.28);
}

entry image:not(:hover):not(:active),
spinbutton:not(.vertical) image:not(:hover):not(:active) {
  color: alpha(currentColor, 0.87);
}

entry image:active,
spinbutton:not(.vertical) image:active {
  color: @theme_selected_bg_color;
}

entry image:disabled,
spinbutton:not(.vertical) image:disabled {
  color: alpha(currentColor, 0.54);
}

entry:drop(active),
spinbutton:drop(active):not(.vertical),
entry:drop(active):focus,
spinbutton:drop(active):focus:not(.vertical) {
  border-color: #4db6ac;
  box-shadow: inset 0 0 0 1px #4db6ac;
}

treeview entry,
treeview spinbutton:not(.vertical),
treeview entry:focus,
treeview spinbutton:focus:not(.vertical),
treeview entry.flat,
treeview spinbutton.flat:not(.vertical),
treeview entry.flat:focus,
treeview spinbutton.flat:focus:not(.vertical) {
  margin-bottom: -1px;
  padding: 1px 1px 2px;
  border-radius: 0;
  border-image: none;
  border: 1px solid @theme_base_color;
  background-image: image(@theme_base_color);
  color: @theme_fg_color;
  box-shadow: none;
  transition: none;
}

grid entry,
grid spinbutton:not(.vertical) {
  padding-top: 0.5rem;
  padding-bottom: 0.6rem;
}

grid entry > progress,
grid spinbutton:not(.vertical) > progress {
  margin: -0.5rem 0 -0.6rem;
}

entry > window.background:not(.csd),
spinbutton:not(.vertical) > window.background:not(.csd) {
  border-radius: 0;
  background-color: @theme_base_color;
}

entry > window.background:not(.csd) decoration,
spinbutton:not(.vertical) > window.background:not(.csd) decoration {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

entry > window.background:not(.csd) frame > border,
spinbutton:not(.vertical) > window.background:not(.csd) frame > border {
  border: none;
}

entry > window.background:not(.csd) treeview.view:selected,
spinbutton:not(.vertical) > window.background:not(.csd) treeview.view:selected {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
}

@keyframes needs_attention {
  from {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.001,
      to(#4db6ac),
      to(transparent)
    );
  }
  to {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.5,
      to(#4db6ac),
      to(transparent)
    );
  }
}

button {
  min-height: 1rem;
  min-width: 2.5rem;
  padding: 0.7rem 1rem 0.8rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
  background-repeat: no-repeat;
  background-position: center, center;
  font-weight: 500;
}

.background button {
  background-color: @theme_base_color;
  color: rgba(38, 50, 56, 0.87);
  border: none;
}

.background button:hover {
  color: @theme_fg_color;
}

.background button:active {
  color: @theme_fg_color;
}

.background button:disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.2436);
}

.background button:checked {
  background-color: @theme_selected_bg_color;
  color: @theme_base_color;
}

.background button:checked:disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(0, 188, 212, 0.4);
}

button.flat {
  background-color: transparent;
}

button.flat:disabled {
  background-color: transparent;
}

button.flat:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
}

.linked > button.flat {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.linked > button.flat.image-button {
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

button.osd.image-button,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > box.nobg.osd
  > revealer
  > button,
window.background:not(.csd):not(.solid-csd) > overlay > revealer > button.osd {
  padding: 1.3rem;
  background-color: rgba(34, 45, 50, 0.9);
}

button.osd.image-button:not(:active):not(:disabled):not(hover),
window.background:not(.csd):not(.solid-csd)
  > overlay
  > box.nobg.osd
  > revealer
  > button:not(:active):not(:disabled):not(hover),
window.background:not(.csd):not(.solid-csd)
  > overlay
  > revealer
  > button.osd:not(:active):not(:disabled):not(hover) {
  color: rgba(129, 196, 191, 0.87);
}

button.osd.image-button:hover,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > box.nobg.osd
  > revealer
  > button:hover,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > revealer
  > button.osd:hover {
  color: #81c4bf;
  background-image: image(alpha(currentColor, 0.12));
}

button.osd.image-button:active,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > box.nobg.osd
  > revealer
  > button:active,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > revealer
  > button.osd:active {
  color: #81c4bf;
}

button.osd:disabled {
  opacity: 0;
}

.linked > button.osd:hover,
.linked > button.osd:active {
  background-color: rgba(34, 45, 50, 0.9);
}

button.suggested-action {
  background-color: #009688;
  color: rgba(255, 255, 255, 0.87);
}

button.suggested-action:hover {
  background-color: #009688;
  color: @theme_base_color;
}

button.suggested-action:active {
  background-color: @theme_selected_bg_color;
  color: @theme_base_color;
}

button.suggested-action:checked {
  background-color: #33aba0;
}

button.suggested-action:disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.28);
}

button.suggested-action.flat {
  background-color: transparent;
  color: #009688;
}

button.suggested-action.flat:active {
  background-color: rgba(0, 188, 212, 0.25);
  color: @theme_selected_bg_color;
}

button.suggested-action.flat:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_base_color;
}

button.suggested-action.flat:disabled {
  background-color: transparent;
}

button.destructive-action {
  background-color: #ff5252;
  color: rgba(255, 255, 255, 0.87);
}

button.destructive-action:hover {
  background-color: #ff5252;
  color: @theme_base_color;
}

button.destructive-action:active {
  background-color: @theme_selected_bg_color;
  color: @theme_base_color;
}

button.destructive-action:checked {
  background-color: #ff7575;
}

button.destructive-action:disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.28);
}

button.destructive-action.flat {
  background-color: transparent;
  color: #ff5252;
}

button.destructive-action.flat:active {
  background-color: rgba(0, 188, 212, 0.25);
  color: @theme_selected_bg_color;
}

button.destructive-action.flat:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_base_color;
}

button.destructive-action.flat:disabled {
  background-color: transparent;
}

button.image-button {
  min-width: 16px;
  min-height: 16px;
}

button.text-button {
  padding: 0.7rem 1rem 0.8rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
  font-weight: 700;
}

button.lock {
  padding-top: 0.7rem;
  padding-bottom: 0.8rem;
}

button.text-button.image-button {
  padding: 0.7rem 1rem 0.8rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

button.text-button.image-button label {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

button.text-button.image-button image {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

button combobox:drop(active) button.combo,
combobox:drop(active) button button.combo,
button:drop(active) {
  color: #4db6ac;
  background-color: rgba(77, 182, 172, 0.2);
}

button.circular,
button.circular-button.image-button,
button.circular.radio.text-button {
  min-height: 24px;
  min-width: 24px;
  padding: 0.5rem;
  border-radius: 9999px;
  -gtk-outline-radius: 9999px;
}

button.circular label,
button.circular-button.image-button label,
button.circular.radio.text-button label {
  padding: 0;
}

button separator,
button .separator {
  min-height: 0;
  min-width: 0;
  border-color: transparent;
  background-color: transparent;
}

stackswitcher button.text-button {
  min-height: 1.3rem;
  min-width: 8.4rem;
}

.stack-switcher > button {
  outline-offset: -0.2rem;
}

.stack-switcher > button > label {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

.stack-switcher > button > image {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.stack-switcher > button.text-button {
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.stack-switcher > button.image-button {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

.stack-switcher > button.needs-attention:active > label,
.stack-switcher > button.needs-attention:active > image,
.stack-switcher > button.needs-attention:checked > label,
.stack-switcher > button.needs-attention:checked > image {
  animation: none;
  background-image: none;
}

.linked > button:not(.flat):not(:only-child) {
  border-radius: 0;
}

.linked > button {
  min-width: 1rem;
  padding: 0.7rem 0.4rem 0.8rem;
  border-radius: 0;
}

.linked > button label {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.linked > button image {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.linked.vertical > button:not(:only-child) {
  border-radius: 0;
}

.linked.vertical > button {
  min-height: 1rem;
  min-width: 1.7rem;
  padding: 0.75rem 0.5rem 0.75rem;
  border-radius: 0;
}

.linked > button.image-button,
.linked > button.image-button.radio,
.linked.vertical > button.image-button,
.linked.vertical > button.image-button.radio {
  min-width: 16px;
  min-height: 16px;
  padding: 0.8rem;
  border-radius: 0;
  -gtk-outline-radius: 0;
}

.linked > button.image-button image,
.linked > button.image-button.radio image,
.linked.vertical > button.image-button image,
.linked.vertical > button.image-button.radio image {
  padding: 0;
}

.inline-toolbar button,
.inline-toolbar button:not(.text-button).image-button,
actionbar button,
actionbar button:not(.text-button).image-button {
  background-color: transparent;
  min-width: 16px;
  min-height: 16px;
  padding: 0.5rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

.inline-toolbar button:disabled,
.inline-toolbar button:not(.text-button).image-button:disabled,
actionbar button:disabled,
actionbar button:not(.text-button).image-button:disabled {
  background-color: transparent;
}

.inline-toolbar button:checked,
.inline-toolbar button:not(.text-button).image-button:checked,
actionbar button:checked,
actionbar button:not(.text-button).image-button:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
}

.inline-toolbar button.text-button,
.inline-toolbar button.color,
actionbar button.text-button,
actionbar button.color {
  min-width: 16px;
  min-height: 16px;
  padding: 0.4rem 0.6rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.inline-toolbar button.image-button.toggle:checked,
actionbar button.image-button.toggle:checked {
  background-color: transparent;
}

.inline-toolbar button.suggested-action,
.inline-toolbar button.suggested-action.image-button,
.inline-toolbar button.suggested-action.text-button,
actionbar button.suggested-action,
actionbar button.suggested-action.image-button,
actionbar button.suggested-action.text-button {
  background-color: #009688;
  color: rgba(255, 255, 255, 0.87);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.inline-toolbar button.suggested-action:hover,
.inline-toolbar button.suggested-action.image-button:hover,
.inline-toolbar button.suggested-action.text-button:hover,
actionbar button.suggested-action:hover,
actionbar button.suggested-action.image-button:hover,
actionbar button.suggested-action.text-button:hover {
  color: @theme_base_color;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.inline-toolbar button.suggested-action:active,
.inline-toolbar button.suggested-action.image-button:active,
.inline-toolbar button.suggested-action.text-button:active,
actionbar button.suggested-action:active,
actionbar button.suggested-action.image-button:active,
actionbar button.suggested-action.text-button:active {
  color: @theme_base_color;
  background-color: @theme_selected_bg_color;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.inline-toolbar button.suggested-action:checked,
.inline-toolbar button.suggested-action.image-button:checked,
.inline-toolbar button.suggested-action.text-button:checked,
actionbar button.suggested-action:checked,
actionbar button.suggested-action.image-button:checked,
actionbar button.suggested-action.text-button:checked {
  background-color: #009688;
  color: @theme_text_color;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.inline-toolbar button.suggested-action:disabled,
.inline-toolbar button.suggested-action.image-button:disabled,
.inline-toolbar button.suggested-action.text-button:disabled,
actionbar button.suggested-action:disabled,
actionbar button.suggested-action.image-button:disabled,
actionbar button.suggested-action.text-button:disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.2436);
}

.inline-toolbar button.destructive-action,
.inline-toolbar button.destructive-action.image-button,
.inline-toolbar button.destructive-action.text-button,
actionbar button.destructive-action,
actionbar button.destructive-action.image-button,
actionbar button.destructive-action.text-button {
  background-color: #ff5252;
  color: rgba(255, 255, 255, 0.87);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.inline-toolbar button.destructive-action:hover,
.inline-toolbar button.destructive-action.image-button:hover,
.inline-toolbar button.destructive-action.text-button:hover,
actionbar button.destructive-action:hover,
actionbar button.destructive-action.image-button:hover,
actionbar button.destructive-action.text-button:hover {
  color: @theme_base_color;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.inline-toolbar button.destructive-action:active,
.inline-toolbar button.destructive-action.image-button:active,
.inline-toolbar button.destructive-action.text-button:active,
actionbar button.destructive-action:active,
actionbar button.destructive-action.image-button:active,
actionbar button.destructive-action.text-button:active {
  color: @theme_base_color;
  background-color: @theme_selected_bg_color;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.inline-toolbar button.destructive-action:checked,
.inline-toolbar button.destructive-action.image-button:checked,
.inline-toolbar button.destructive-action.text-button:checked,
actionbar button.destructive-action:checked,
actionbar button.destructive-action.image-button:checked,
actionbar button.destructive-action.text-button:checked {
  background-color: #ff5252;
  color: @theme_text_color;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.inline-toolbar button.destructive-action:disabled,
.inline-toolbar button.destructive-action.image-button:disabled,
.inline-toolbar button.destructive-action.text-button:disabled,
actionbar button.destructive-action:disabled,
actionbar button.destructive-action.image-button:disabled,
actionbar button.destructive-action.text-button:disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.2436);
}

.inline-toolbar .linked > button,
.inline-toolbar .linked > button:not(.text-button).image-button,
actionbar .linked > button,
actionbar .linked > button:not(.text-button).image-button {
  min-width: 16px;
  min-height: 16px;
  padding: 0.5rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

.inline-toolbar .linked > button image,
.inline-toolbar .linked > button:not(.text-button).image-button image,
actionbar .linked > button image,
actionbar .linked > button:not(.text-button).image-button image {
  padding: 0;
}

.inline-toolbar .linked > button.image-button.toggle,
actionbar .linked > button.image-button.toggle {
  min-width: 16px;
  min-height: 16px;
  padding: 0.5rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

.inline-toolbar .linked > button.image-button.toggle image,
actionbar .linked > button.image-button.toggle image {
  padding: 0;
}

.inline-toolbar .linked > button.text-button,
actionbar .linked > button.text-button {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.primary-toolbar button {
  -gtk-icon-shadow: none;
}

.linked > button,
toolbar .linked > button.text-button:not(.image-button),
window.budgie-popover.background:not(.csd) .linked > button,
popover.background .linked > button,
.caja-navigation-window .caja-pathbar button,
.caja-navigation-window .caja-pathbar button.slider-button {
  border-radius: 0;
  -gtk-outline-radius: 0;
  color: rgba(38, 50, 56, 0.87);
  background-color: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(alpha(currentColor, 0.2)),
      to(transparent)
    )
    0 0 1/0 0 1px;
}

.linked > button:hover,
toolbar .linked > button.text-button:hover:not(.image-button),
window.budgie-popover.background:not(.csd) .linked > button:hover,
popover.background .linked > button:hover,
.caja-navigation-window .caja-pathbar button:hover {
  border-radius: 0;
  color: @theme_fg_color;
  background-color: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(alpha(currentColor, 0.2)),
      to(transparent)
    )
    0 0 2/0 0 2px;
}

.linked > button:active,
toolbar .linked > button.text-button:active:not(.image-button),
window.budgie-popover.background:not(.csd) .linked > button:active,
popover.background .linked > button:active,
.caja-navigation-window .caja-pathbar button:active {
  color: @theme_fg_color;
  background-color: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
}

.linked > button:checked,
toolbar .linked > button.text-button:checked:not(.image-button),
window.budgie-popover.background:not(.csd) .linked > button:checked,
popover.background .linked > button:checked,
.caja-navigation-window .caja-pathbar button:checked {
  color: @theme_fg_color;
  background-color: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
}

.linked > button:checked:disabled,
toolbar .linked > button.text-button:checked:disabled:not(.image-button),
window.budgie-popover.background:not(.csd) .linked > button:checked:disabled,
popover.background .linked > button:checked:disabled,
.caja-navigation-window .caja-pathbar button:checked:disabled {
  color: rgba(38, 50, 56, 0.28);
  background-color: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(rgba(0, 188, 212, 0.2)),
      to(transparent)
    )
    0 0 2/0 0 2px;
}

.linked > button:checked:disabled > label,
toolbar
  .linked
  > button.text-button:checked:disabled:not(.image-button)
  > label,
window.budgie-popover.background:not(.csd)
  .linked
  > button:checked:disabled
  > label,
popover.background .linked > button:checked:disabled > label,
.caja-navigation-window .caja-pathbar button:checked:disabled > label {
  color: inherit;
}

.linked > button:disabled,
toolbar .linked > button.text-button:disabled:not(.image-button),
window.budgie-popover.background:not(.csd) .linked > button:disabled,
popover.background .linked > button:disabled,
.caja-navigation-window .caja-pathbar button:disabled {
  color: rgba(38, 50, 56, 0.28);
  background-color: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(alpha(currentColor, 0.2)),
      to(transparent)
    )
    0 0 1/0 0 1px;
}

.linked.vertical > button {
  border-image: none;
  border-width: 0;
  -gtk-outline-radius: 0;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
}

.linked.vertical > button:dir(ltr) {
  box-shadow: inset 1px 0 alpha(currentColor, 0.2);
}

.linked.vertical > button:dir(rtl) {
  box-shadow: inset -1px 0 alpha(currentColor, 0.2);
}

.linked.vertical > button:hover {
  color: @theme_fg_color;
}

.linked.vertical > button:hover:dir(ltr) {
  box-shadow: inset 2px 0 alpha(currentColor, 0.2);
}

.linked.vertical > button:hover:dir(rtl) {
  box-shadow: inset -2px 0 alpha(currentColor, 0.2);
}

.linked.vertical > button:active {
  color: @theme_fg_color;
  background-color: transparent;
}

.linked.vertical > button:active:dir(ltr) {
  box-shadow: inset 2px 0 @theme_selected_bg_color;
}

.linked.vertical > button:active:dir(rtl) {
  box-shadow: inset -2px 0 @theme_selected_bg_color;
}

.linked.vertical > button:checked {
  color: @theme_fg_color;
  background-color: transparent;
}

.linked.vertical > button:checked:dir(ltr) {
  box-shadow: inset 2px 0 @theme_selected_bg_color;
}

.linked.vertical > button:checked:dir(rtl) {
  box-shadow: inset -2px 0 @theme_selected_bg_color;
}

.linked.vertical > button:checked:disabled {
  color: rgba(38, 50, 56, 0.28);
  background-color: transparent;
}

.linked.vertical > button:checked:disabled:dir(ltr) {
  box-shadow: inset 2px 0 rgba(0, 188, 212, 0.2);
}

.linked.vertical > button:checked:disabled:dir(rtl) {
  box-shadow: inset -2px 0 rgba(0, 188, 212, 0.2);
}

.linked.vertical > button:checked:disabled > label {
  color: inherit;
}

.linked.vertical > button:disabled {
  color: rgba(38, 50, 56, 0.28);
  background-color: transparent;
}

.linked.vertical > button:disabled:dir(ltr) {
  box-shadow: inset 1px 0 alpha(currentColor, 0.2);
}

.linked.vertical > button:disabled:dir(rtl) {
  box-shadow: inset -1px 0 alpha(currentColor, 0.2);
}

button.osd.image-button,
window.background:not(.csd):not(.solid-csd)
  > overlay
  > box.nobg.osd
  > revealer
  > button,
window.background:not(.csd):not(.solid-csd) > overlay > revealer > button.osd,
button.image-button {
  padding: 0.8rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

.stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image,
stacksidebar row.needs-attention > label {
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 0.5rem 0.5rem;
  animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
}

.stack-switcher > button.needs-attention > label:dir(rtl),
.stack-switcher > button.needs-attention > image:dir(rtl),
stacksidebar row.needs-attention > label:dir(rtl) {
  background-position: left top;
}

modelbutton.flat,
.menuitem.button.flat {
  min-height: 2rem;
  padding: 0.4rem 0.6rem 0.5rem;
  outline-offset: -0.08rem;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
  transition: none;
}

modelbutton.flat:hover,
.menuitem.button.flat:hover {
  background-color: transparent;
  color: @theme_fg_color;
}

modelbutton.flat:active,
.menuitem.button.flat:active {
  background-color: transparent;
  color: @theme_fg_color;
}

modelbutton.flat:checked,
.menuitem.button.flat:checked {
  background-color: transparent;
  color: @theme_fg_color;
}

modelbutton.flat:checked:disabled,
.menuitem.button.flat:checked:disabled {
  background-color: transparent;
  color: rgba(38, 50, 56, 0.28);
}

modelbutton.flat:disabled,
.menuitem.button.flat:disabled {
  background-color: transparent;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.2436);
}

modelbutton.flat check:first-child,
modelbutton.flat radio:first-child,
.menuitem.button.flat check:first-child,
.menuitem.button.flat radio:first-child {
  margin-right: 1rem;
}

modelbutton.flat check:last-child,
modelbutton.flat radio:last-child,
.menuitem.button.flat check:last-child,
.menuitem.button.flat radio:last-child {
  margin-left: 1rem;
}

modelbutton.flat arrow {
  background: none;
}

modelbutton.flat arrow:hover {
  background: none;
}

modelbutton.flat arrow.left {
  -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
}

modelbutton.flat arrow.right {
  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
}

button.color {
  min-width: 2.5rem;
  min-height: 1.5rem;
  padding: 0.5rem 0.6rem 0.5rem;
}

button.color > colorswatch:first-child:last-child {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

button.color > colorswatch:first-child:last-child,
button.color > colorswatch:first-child:last-child overlay {
  border-radius: 0;
  -gtk-outline-radius: 0;
}

button.color:disabled,
button.color colorswatch:disabled {
  box-shadow: none;
  opacity: 0.4;
}

toolpalette toolitemgroup > button {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 0;
}

toolpalette toolbutton > button.toggle {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

link:link,
*:link,
button.flat.link {
  color: #03a9f4;
}

link:hover:link,
link:active:link,
*:link:hover,
button.flat.link:hover,
*:link:active,
button.flat.link:active {
  color: #03a9f4;
}

*:selected link:link,
*:selected *:link,
*:selected button.flat.link {
  color: rgba(255, 255, 255, 0.87);
}

link:visited,
*:link:visited,
button.flat.link:visited {
  color: #9c27b0;
}

link:hover:visited,
link:active:visited,
*:link:visited:hover,
button.flat.link:visited:hover,
*:link:visited:active,
button.flat.link:visited:active {
  color: #9c27b0;
}

*:selected link:visited,
*:selected *:link:visited,
*:selected button.flat.link:visited {
  color: rgba(255, 255, 255, 0.7);
}

.titlebar.selection-mode label.subtitle:link,
headerbar.selection-mode label.subtitle:link,
*:link:selected,
button.flat.link:selected {
  color: rgba(255, 255, 255, 0.87);
}

*:link:disabled,
button.flat.link:disabled {
  opacity: 0.4;
}

button.flat.link > label {
  color: inherit;
  text-decoration-line: underline;
}

@keyframes spin_hover {
  from {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.01,
      to(alpha(currentColor, 0)),
      to(transparent)
    );
  }
  to {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.5,
      to(alpha(currentColor, 0.12)),
      to(transparent)
    );
  }
}

@keyframes spin_active {
  from {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.5,
      to(alpha(currentColor, 0.25)),
      to(transparent)
    );
  }
  to {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.01,
      to(alpha(currentColor, 0)),
      to(transparent)
    );
  }
}

spinbutton:not(.vertical),
grid spinbutton:not(.vertical),
row.activatable spinbutton:not(.vertical),
spinbutton.vertical,
grid spinbutton.vertical,
row.activatable spinbutton.vertical {
  padding: 0;
}

spinbutton:not(.vertical):disabled {
  color: rgba(38, 50, 56, 0.28);
}

spinbutton:not(.vertical) entry,
spinbutton:not(.vertical) spinbutton:not(.vertical) {
  padding-top: 0.5rem;
  padding-bottom: 0.6rem;
}

spinbutton:not(.vertical) entry,
spinbutton:not(.vertical) spinbutton:not(.vertical),
spinbutton:not(.vertical) entry:focus,
spinbutton:not(.vertical) spinbutton:focus:not(.vertical),
spinbutton:not(.vertical) entry:disabled,
spinbutton:not(.vertical) spinbutton:disabled:not(.vertical) {
  margin: 0;
  background: none;
  border: none;
  border-image: none;
  box-shadow: none;
}

spinbutton:not(.vertical) entry > progress,
spinbutton:not(.vertical) spinbutton:not(.vertical) > progress {
  margin: -0.5rem 0 -0.6rem;
}

spinbutton:not(.vertical) button {
  min-width: 2.1rem;
  min-height: 2.1rem;
  padding: 0;
  border: 0.2rem solid transparent;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
  background: none;
  background-size: contain;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
  transition-property: opacity, color, background-color, background-image,
    box-shadow;
}

spinbutton:not(.vertical) button.down:hover {
  background: none;
  color: #f44336;
  animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

spinbutton:not(.vertical) button.down:active {
  background: none;
  color: #f44336;
  animation: spin_active 0.2s cubic-bezier(0.4, 0, 0.6, 1) forwards;
  transition-duration: 0.2s;
}

spinbutton:not(.vertical) button.down:disabled {
  background: none;
  color: rgba(38, 50, 56, 0.28);
}

spinbutton:not(.vertical) button.up:hover {
  background: none;
  color: #00e676;
  animation: spin_hover 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

spinbutton:not(.vertical) button.up:active {
  background: none;
  color: #00e676;
  animation: spin_active 0.2s cubic-bezier(0.4, 0, 0.6, 1) forwards;
  transition-duration: 0.2s;
}

spinbutton:not(.vertical) button.up:disabled {
  background: none;
  color: rgba(38, 50, 56, 0.28);
}

.osd spinbutton:not(.vertical),
.osd spinbutton:not(.vertical):focus,
.osd spinbutton.vertical,
.osd spinbutton.vertical:focus {
  color: @theme_text_color;
  caret-color: @theme_text_color;
}

.osd spinbutton:not(.vertical) entry,
.osd spinbutton:not(.vertical) spinbutton:not(.vertical),
.osd spinbutton:not(.vertical) entry:focus,
.osd spinbutton:not(.vertical) spinbutton:focus:not(.vertical),
.osd spinbutton.vertical entry,
.osd spinbutton.vertical spinbutton:not(.vertical),
.osd spinbutton.vertical entry:focus,
.osd spinbutton.vertical spinbutton:focus:not(.vertical) {
  color: @theme_text_color;
  caret-color: @theme_text_color;
}

.osd spinbutton:not(.vertical) entry:disabled,
.osd spinbutton:not(.vertical) spinbutton:disabled:not(.vertical),
.osd spinbutton.vertical entry:disabled,
.osd spinbutton.vertical spinbutton:disabled:not(.vertical) {
  color: rgba(207, 216, 220, 0.28);
}

.osd spinbutton:not(.vertical) button,
.osd spinbutton.vertical button {
  color: rgba(207, 216, 220, 0.87);
}

.osd spinbutton:not(.vertical) button:disabled,
.osd spinbutton.vertical button:disabled {
  color: rgba(207, 216, 220, 0.28);
}

.osd spinbutton:not(.vertical) button.down:hover,
.osd spinbutton:not(.vertical) button.down:active,
.osd spinbutton.vertical button.down:hover,
.osd spinbutton.vertical button.down:active {
  color: #f44336;
}

.osd spinbutton:not(.vertical) button.up:hover,
.osd spinbutton:not(.vertical) button.up:active,
.osd spinbutton.vertical button.up:hover,
.osd spinbutton.vertical button.up:active {
  color: #00e676;
}

spinbutton.vertical:disabled {
  color: rgba(38, 50, 56, 0.28);
}

spinbutton.vertical entry,
spinbutton.vertical spinbutton:not(.vertical) {
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0;
  border-radius: 0;
}

spinbutton.vertical button {
  min-width: 2.1rem;
  min-height: 2.1rem;
  margin: 0.2rem;
  padding: 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
  background: none;
  background-size: contain;
  color: rgba(38, 50, 56, 0.87);
  box-shadow: none;
  transition-property: opacity, color, background-color, background-image,
    box-shadow;
}

spinbutton.vertical button.up:hover {
  background-color: alpha(currentColor, 0.12);
  color: #00e676;
}

spinbutton.vertical button.up:active {
  background-color: alpha(currentColor, 0.12);
  color: #00e676;
}

spinbutton.vertical button.up:disabled {
  background: none;
  color: rgba(38, 50, 56, 0.28);
}

spinbutton.vertical button.down:hover {
  background-color: alpha(currentColor, 0.12);
  color: #f44336;
}

spinbutton.vertical button.down:active {
  background-color: alpha(currentColor, 0.12);
  color: #f44336;
}

spinbutton.vertical button.down:disabled {
  background: none;
  color: rgba(38, 50, 56, 0.28);
}

treeview spinbutton entry:focus,
treeview spinbutton spinbutton:focus:not(.vertical) {
  padding: 1px;
  border-radius: 0;
  border-width: 0;
  background-color: @theme_base_color;
  color: @theme_fg_color;
  box-shadow: none;
}

combobox {
  border-radius: 2px;
}

combobox arrow {
  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
  min-height: 1.2rem;
  min-width: 1.2rem;
}

combobox > window.popup decoration {
  transition: none;
}

combobox > window.popup > menu {
  padding: 0.25rem 0;
  transition: none;
}

combobox > window.popup > menu menuitem {
  padding: 0.35rem 0.4rem 0.45rem;
}

.background combobox {
  border: unset;
  border-image: unset;
  border-radius: unset;
  background-color: unset;
  color: unset;
  box-shadow: unset;
}

combobox entry.combo,
combobox spinbutton.combo:not(.vertical) {
  border-radius: 2px;
}

.background combobox entry.combo,
.background combobox spinbutton.combo:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(38, 50, 56, 0.87);
  border-radius: 0;
  background-color: transparent;
}

.background combobox entry.combo:focus,
.background combobox spinbutton.combo:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: @theme_fg_color;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
  background-color: transparent;
}

.background combobox entry.combo:disabled,
.background combobox spinbutton.combo:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(38, 50, 56, 0.28);
  background-color: transparent;
}

combobox button.combo {
  min-height: 1rem;
  min-width: 1.3rem;
  padding: 0.6rem 0.4rem 0.65rem;
}

combobox button.combo arrow {
  padding: 0 0.3rem 0;
}

combobox button.combo label {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

combobox button.combo image {
  min-height: 1.2rem;
  min-width: 1.2rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

grid combobox button.combo {
  padding-top: 0.4rem;
  padding-bottom: 0.45rem;
}

combobox button.combo {
  border-radius: 2px;
}

.background combobox button.combo {
  border-radius: 0;
  border: none;
  color: rgba(38, 50, 56, 0.87);
  background: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(alpha(currentColor, 0.2)),
      to(transparent)
    )
    0 0 1/0 0 1px;
}

.background combobox button.combo:hover,
.background combobox button.combo:active,
.background combobox button.combo:checked {
  border-radius: 0;
  color: @theme_fg_color;
  background: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
}

.background combobox button.combo:disabled,
.background combobox button.combo:checked:disabled {
  color: rgba(38, 50, 56, 0.28);
  background: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(alpha(currentColor, 0.2)),
      to(transparent)
    )
    0 0 1/0 0 1px;
}

.background combobox button.combo:checked {
  transition: none;
}

.linked:not(combobox) > button.combo:first-child {
  border-radius: 2px 0 0 2px;
  border-right-width: 0;
}

.linked:not(combobox) > button.combo:first-child:only-child {
  border-radius: 2px;
  border-width: 1px;
}

.linked:not(combobox) > button.combo:last-child {
  border-radius: 0 2px 2px 0;
  border-left-width: 0;
}

.linked:not(combobox) > button.combo:last-child:only-child {
  border-radius: 2px;
  border-width: 1px;
}

toolbar {
  -GtkWidget-window-dragging: true;
  padding: 0.4rem;
  background-color: @theme_bg_color;
  color: rgba(38, 50, 56, 0.87);
}

window > toolbar,
window box toolbar,
window grid toolbar {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18),
    inset 0 4px 2px -4px rgba(0, 0, 0, 0.2),
    inset 0 8px 3px -5px rgba(0, 0, 0, 0.24);
}

toolbar.vertical,
.inline-toolbar toolbar,
paned toolbar,
paned toolbar.primary-toolbar,
grid toolbar.primary-toolbar,
notebook > stack box toolbar {
  box-shadow: none;
}

.osd toolbar {
  background-color: transparent;
}

.app-notification,
.app-notification.frame,
.osd toolbar,
toolbar.osd,
.gedit-bottom-panel-paned .gedit-search-slider {
  padding: 3px;
  border-style: solid;
  border-width: 9px;
  border-radius: 2px;
  border-image: -gtk-scaled(
      url('../assets/osd-shadow.png'),
      url('../assets/osd-shadow@2.png')
    )
    10/10px stretch;
  box-shadow: none;
  color: @theme_text_color;
  background-color: #222d32;
}

.app-notification button,
.app-notification.frame button,
.osd toolbar button,
toolbar.osd button,
.gedit-bottom-panel-paned .gedit-search-slider button {
  background-color: transparent;
}

.app-notification button:not(:active):not(:disabled):not(hover),
.osd toolbar button:not(:active):not(:disabled):not(hover),
toolbar.osd button:not(:active):not(:disabled):not(hover),
.gedit-bottom-panel-paned
  .gedit-search-slider
  button:not(:active):not(:disabled):not(hover) {
  background-color: transparent;
  color: rgba(129, 196, 191, 0.87);
}

.app-notification button:hover,
.osd toolbar button:hover,
toolbar.osd button:hover,
.gedit-bottom-panel-paned .gedit-search-slider button:hover {
  background-color: transparent;
  color: #81c4bf;
}

.app-notification button:active,
.osd toolbar button:active,
toolbar.osd button:active,
.gedit-bottom-panel-paned .gedit-search-slider button:active {
  border-image: none;
  background-color: transparent;
  color: #81c4bf;
  box-shadow: none;
}

.app-notification button:checked,
.osd toolbar button:checked,
toolbar.osd button:checked,
.gedit-bottom-panel-paned .gedit-search-slider button:checked {
  border-image: none;
  background-color: transparent;
  color: #81c4bf;
  box-shadow: none;
}

.app-notification button:disabled,
.osd toolbar button:disabled,
toolbar.osd button:disabled,
.gedit-bottom-panel-paned .gedit-search-slider button:disabled {
  background-color: transparent;
  color: rgba(207, 216, 220, 0.4);
}

.app-notification button.image-button,
.osd toolbar button.image-button,
toolbar.osd button.image-button,
.gedit-bottom-panel-paned .gedit-search-slider button.image-button {
  min-width: 2.8rem;
  min-height: 2.8rem;
  padding: 0;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

.app-notification button.text-button,
.osd toolbar button.text-button,
toolbar.osd button.text-button,
.gedit-bottom-panel-paned .gedit-search-slider button.text-button {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.app-notification button label,
.app-notification.frame button label,
.osd toolbar button label,
toolbar.osd button label,
.gedit-bottom-panel-paned .gedit-search-slider button label {
  margin: -0.15rem 0;
}

.app-notification .linked > button,
.app-notification .linked > button.image-button,
.osd toolbar .linked > button,
.osd toolbar .linked > button.image-button,
toolbar.osd .linked > button,
.gedit-bottom-panel-paned .gedit-search-slider .linked > button,
toolbar.osd .linked > button.image-button,
.gedit-bottom-panel-paned .gedit-search-slider .linked > button.image-button {
  border-image: none;
  box-shadow: none;
}

.app-notification .linked > button:hover,
.app-notification .linked > button.image-button:hover,
.osd toolbar .linked > button:hover,
.osd toolbar .linked > button.image-button:hover,
toolbar.osd .linked > button:hover,
.gedit-bottom-panel-paned .gedit-search-slider .linked > button:hover,
toolbar.osd .linked > button.image-button:hover,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > button.image-button:hover {
  background-color: transparent;
}

.app-notification .linked > button:not(:checked),
.app-notification .linked > button.image-button:not(:checked),
.osd toolbar .linked > button:not(:checked),
.osd toolbar .linked > button.image-button:not(:checked),
toolbar.osd .linked > button:not(:checked),
.gedit-bottom-panel-paned .gedit-search-slider .linked > button:not(:checked),
toolbar.osd .linked > button.image-button:not(:checked),
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > button.image-button:not(:checked) {
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

.app-notification .linked > button.image-button,
.osd toolbar .linked > button.image-button,
toolbar.osd .linked > button.image-button,
.gedit-bottom-panel-paned .gedit-search-slider .linked > button.image-button {
  min-width: 2.8rem;
  min-height: 2.8rem;
  padding: 0;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

.app-notification label,
.app-notification.frame label,
.osd toolbar label,
toolbar.osd label,
.gedit-bottom-panel-paned .gedit-search-slider label {
  padding: 0 1em;
}

.background toolbar button {
  background-color: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.001,
      to(alpha(currentColor, 0.2)),
      to(transparent)
    )
    0 0 0/0 0 0px;
  color: rgba(38, 50, 56, 0.87);
}

.background toolbar button:hover {
  border-image: none;
  background-color: transparent;
  color: @theme_fg_color;
}

.background toolbar button:active {
  border-image: none;
  background-color: transparent;
  color: @theme_fg_color;
}

.background toolbar button:checked {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
  background-color: transparent;
  color: @theme_fg_color;
}

.background toolbar button:checked:disabled {
  border-image: none;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.28);
}

.background toolbar button:disabled {
  border-image: none;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.2436);
}

.background toolbar button,
.background toolbar button.text-button,
.background toolbar button.text-button.image-button,
.background toolbar button.flat,
.background toolbar button.flat.text-button,
.background toolbar button.flat.text-button.image-button {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.background toolbar button.image-button,
.background toolbar button.flat.image-button {
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

.background toolbar button.text-button,
.background toolbar button.image-button.text-button {
  min-width: 1rem;
  min-height: 2.2rem;
  padding: 0 1rem 0;
}

.background toolbar button.image-button {
  min-width: 16px;
  min-height: 16px;
  padding: 0.5rem;
}

.background toolbar button.toggle,
.background toolbar button.toggle:hover,
.background toolbar button.toggle:active,
.background toolbar button.toggle:checked,
.background toolbar button.popup.toggle,
.background toolbar button.popup.toggle:hover,
.background toolbar button.popup.toggle:active,
.background toolbar button.popup.toggle:checked {
  background-color: transparent;
  box-shadow: none;
}

toolbar .linked > button:not(.combo):not(.text-button),
toolbar .linked > button:not(.combo):not(.text-button).image-button {
  border-image: none;
  box-shadow: none;
}

toolbar .linked > button:not(.combo):not(.text-button):hover,
toolbar .linked > button:not(.combo):not(.text-button).image-button:hover {
  border-image: none;
  background-color: transparent;
  box-shadow: none;
}

toolbar .linked > button:not(.combo):not(.text-button):active,
toolbar .linked > button:not(.combo):not(.text-button).image-button:active {
  border-image: none;
  background-color: transparent;
  box-shadow: none;
}

toolbar .linked > button:not(.combo):not(.text-button):not(:disabled),
toolbar
  .linked
  > button:not(.combo):not(.text-button).image-button:not(:disabled) {
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

toolbar .linked > button:not(.combo):not(.text-button).raised.toggle:checked,
toolbar .linked > button:not(.combo):not(.text-button).toggle:checked,
toolbar
  .linked
  > button:not(.combo):not(.text-button).image-button.raised.toggle:checked,
toolbar
  .linked
  > button:not(.combo):not(.text-button).image-button.toggle:checked {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
}

toolbar .linked > button:not(.combo):not(.text-button).image-button {
  min-width: 16px;
  min-height: 16px;
  padding: 0.5rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

toolbar .linked > button.text-button:not(.image-button) {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

toolbar combobox button.combo,
toolbar combobox .linked > button.combo {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.background toolbar entry,
.background toolbar spinbutton:not(.vertical) {
  min-width: 2.5rem;
  min-height: 2.2rem;
  padding: 0 0.6rem 0;
}

toolbar separator {
  color: transparent;
  background: none;
}

toolbar.horizontal separator {
  margin: 0 0.45rem;
}

toolbar.vertical separator {
  margin: 0.45rem 0;
}

.inline-toolbar {
  padding: 0.4rem;
  border-style: solid;
  border-width: 0 1px 1px;
  border-color: rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

searchbar,
.location-bar {
  padding: 0.4rem;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
}

searchbar .linked > button.image-button,
.location-bar .linked > button.image-button {
  min-width: 16px;
  min-height: 16px;
  padding: 0.8rem;
  -gtk-outline-radius: 2px;
}

searchbar button.close,
.location-bar button.close {
  min-width: 16px;
  min-height: 16px;
  padding: 0.8rem;
  margin: 1px 0;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

actionbar {
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

actionbar > revealer > box {
  padding: 0.4rem;
}

actionbar box:not(.linked) > button.toggle,
actionbar .linked > button.image-button {
  border-radius: 100px;
  -gtk-outline-radius: 100px;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.001,
      to(alpha(currentColor, 0.2)),
      to(transparent)
    )
    0 0 0/0 0 0px;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
}

actionbar box:not(.linked) > button.toggle:hover,
actionbar .linked > button.image-button:hover {
  border-image: none;
  background-color: transparent;
  color: @theme_fg_color;
}

actionbar box:not(.linked) > button.toggle:checked,
actionbar .linked > button.image-button:checked {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
  background-color: transparent;
  color: @theme_fg_color;
}

actionbar box:not(.linked) > button.toggle:checked:disabled,
actionbar .linked > button.image-button:checked:disabled {
  border-image: none;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.28);
}

actionbar box:not(.linked) > button.toggle:disabled,
actionbar .linked > button.image-button:disabled {
  border-image: none;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.2436);
}

actionbar .linked > button.popup.toggle {
  -gtk-outline-radius: 2px;
}

.tiled .titlebar,
.maximized .titlebar,
.fullscreen .titlebar,
.tiled headerbar,
.maximized headerbar,
.fullscreen headerbar {
  border-radius: 0;
}

.titlebar > * {
  border: none;
}

.titlebar.selection-mode .selection-menu arrow,
headerbar.selection-mode .selection-menu arrow {
  -GtkArrow-arrow-scaling: 1;
  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
  color: rgba(255, 255, 255, 0.87);
}

.titlebar.default-decoration,
headerbar.default-decoration {
  padding: 3px 2px 2px;
  border-radius: 2px 2px 0 0;
  border-width: 0;
}

headerbar {
  border-width: 1px 0 1px;
  border-style: solid;
  border-top-color: #29353b;
  border-bottom-color: rgba(0, 0, 0, 0.09);
}

headerbar > box.horizontal.left {
  margin-right: -8px;
}

headerbar > box.horizontal.right {
  margin-left: -8px;
}

headerbar.titlebar,
.csd headerbar,
.solid-csd headerbar,
box headerbar:only-child {
  padding: 0 0.4rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26),
    0 2px 3px rgba(0, 0, 0, 0.32);
}

headerbar.titlebar button,
.csd headerbar button,
.solid-csd headerbar button,
box headerbar:only-child button,
.background:not(.csd):not(.ssd):not(.solid-csd) headerbar button,
.background:not(.csd):not(.ssd):not(.solid-csd)
  headerbar:not(:last-child)
  button,
headerbar.titlebar entry,
.csd headerbar entry,
.solid-csd headerbar entry,
box headerbar:only-child entry,
.background:not(.csd):not(.ssd):not(.solid-csd) headerbar entry,
.background:not(.csd):not(.ssd):not(.solid-csd)
  headerbar:not(:last-child)
  entry,
headerbar.titlebar spinbutton:not(.vertical),
.csd headerbar spinbutton:not(.vertical),
.solid-csd headerbar spinbutton:not(.vertical),
box headerbar:only-child spinbutton:not(.vertical),
.background:not(.csd):not(.ssd):not(.solid-csd)
  headerbar
  spinbutton:not(.vertical),
headerbar.titlebar spinbutton,
.csd headerbar spinbutton,
.solid-csd headerbar spinbutton,
box headerbar:only-child spinbutton,
.background:not(.csd):not(.ssd):not(.solid-csd) headerbar spinbutton,
.background:not(.csd):not(.ssd):not(.solid-csd)
  headerbar:not(:last-child)
  spinbutton,
headerbar.titlebar scale,
.csd headerbar scale,
.solid-csd headerbar scale,
box headerbar:only-child scale,
.background:not(.csd):not(.ssd):not(.solid-csd) headerbar scale,
.background:not(.csd):not(.ssd):not(.solid-csd)
  headerbar:not(:last-child)
  scale {
  margin: 0.4rem 0;
}

headerbar.titlebar switch,
.csd headerbar switch,
.solid-csd headerbar switch,
box headerbar:only-child switch,
.background:not(.csd):not(.ssd):not(.solid-csd) headerbar switch,
.background:not(.csd):not(.ssd):not(.solid-csd)
  headerbar:not(:last-child)
  switch {
  margin: 0.52rem 0;
}

headerbar.titlebar > box.vertical > .subtitle,
.csd headerbar > box.vertical > .subtitle,
.solid-csd headerbar > box.vertical > .subtitle,
box headerbar:only-child > box.vertical > .subtitle,
.background:not(.csd):not(.ssd):not(.solid-csd)
  box
  headerbar
  > box.vertical
  > .subtitle,
.background:not(.csd):not(.ssd):not(.solid-csd)
  headerbar
  > box.vertical
  > .subtitle {
  margin: -0.2rem 0;
}

box headerbar.selection-mode:not(:only-child):last-child:dir(ltr) {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26),
    0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px @theme_selected_bg_color;
}

box headerbar.selection-mode:not(:only-child):last-child:dir(rtl) {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26),
    0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px @theme_selected_bg_color;
}

.background:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  headerbar,
.background:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  .titlebar {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.background:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  box.horizontal
  headerbar:not(:last-child):dir(ltr) {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
}

.background:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  box.horizontal
  headerbar:not(:last-child):dir(rtl) {
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
}

.background:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  box.horizontal
  headerbar:last-child:dir(ltr) {
  border-top-left-radius: 0;
}

.background:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  box.horizontal
  headerbar:last-child:dir(rtl) {
  border-top-right-radius: 0;
}

.background:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  box.vertical
  headerbar:not(.titlebar):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

window:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  paned.titlebar,
window:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  grid.titlebar {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

window:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  paned.titlebar
  separator:first-child
  + headerbar,
window:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  grid.titlebar
  separator:first-child
  + headerbar {
  border-top-left-radius: 2px;
}

window:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  paned.titlebar
  headerbar:first-child,
window:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  grid.titlebar
  headerbar:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
}

window:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  paned.titlebar
  headerbar:last-child,
window:not(.maximized):not(.fullscreen):not(.tiled):not(.solid-csd)
  grid.titlebar
  headerbar:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
}

.ssd decoration .titlebar,
.ssd .titlebar {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #29353b;
  box-shadow: none;
}

headerbar.titlebar.default-decoration {
  border-top: 1px solid #29353b;
  box-shadow: none;
}

.tiled headerbar.titlebar.default-decoration,
.maximized headerbar.titlebar.default-decoration {
  border-top-color: #222d32;
  border-radius: 0;
}

.background:not(.csd):not(.ssd):not(.solid-csd) box headerbar,
.background:not(.csd):not(.ssd):not(.solid-csd) box headerbar:not(:last-child),
.background:not(.csd):not(.ssd):not(.solid-csd) headerbar,
.background:not(.csd):not(.ssd):not(.solid-csd) headerbar:not(:last-child) {
  padding: 0 0.4rem;
  border-radius: 0;
  border-top: 0 none transparent;
  box-shadow: none;
}

.background:not(.csd):not(.ssd):not(.solid-csd) box headerbar:backdrop > *,
.background:not(.csd):not(.ssd):not(.solid-csd)
  box
  headerbar:not(:last-child):backdrop
  > *,
.background:not(.csd):not(.ssd):not(.solid-csd) headerbar:backdrop > *,
.background:not(.csd):not(.ssd):not(.solid-csd)
  headerbar:not(:last-child):backdrop
  > * {
  opacity: 1;
}

.background:not(.csd):not(.ssd):not(.solid-csd).tiled box headerbar,
.background:not(.csd):not(.ssd):not(.solid-csd).tiled
  box
  headerbar:not(:last-child),
.background:not(.csd):not(.ssd):not(.solid-csd).tiled headerbar,
.background:not(.csd):not(.ssd):not(.solid-csd).tiled
  headerbar:not(:last-child),
.background:not(.csd):not(.ssd):not(.solid-csd).maximized box headerbar,
.background:not(.csd):not(.ssd):not(.solid-csd).maximized
  box
  headerbar:not(:last-child),
.background:not(.csd):not(.ssd):not(.solid-csd).maximized headerbar,
.background:not(.csd):not(.ssd):not(.solid-csd).maximized
  headerbar:not(:last-child),
.background:not(.csd):not(.ssd):not(.solid-csd).fullscreen box headerbar,
.background:not(.csd):not(.ssd):not(.solid-csd).fullscreen
  box
  headerbar:not(:last-child),
.background:not(.csd):not(.ssd):not(.solid-csd).fullscreen headerbar,
.background:not(.csd):not(.ssd):not(.solid-csd).fullscreen
  headerbar:not(:last-child) {
  border-top: 0 none transparent;
  background-color: #222d32;
  box-shadow: none;
}

dialog.background.csd
  > headerbar.titlebar
  > button:not(.image-button):not(.text-button):not(.toggle):not(.popup) {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.linked.path-bar button.text-button:not(.image-button),
.path-bar button.text-button:not(.image-button) {
  padding: 0 0.2rem 0;
  -gtk-outline-radius: 2px;
}

.linked.path-bar button.text-button:not(.image-button) label,
.path-bar button.text-button:not(.image-button) label {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
  padding: 0 0 0.1rem;
}

.linked.path-bar button.image-button,
.path-bar button.image-button {
  padding: 0 0.2rem 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.linked.path-bar button.image-button image,
.path-bar button.image-button image {
  margin: 0 0.4rem 0;
  padding: 0;
}

.linked.path-bar button.text-button.image-button,
.linked.path-bar button.text-button.image-button.toggle,
.path-bar button.text-button.image-button,
.path-bar button.text-button.image-button.toggle {
  padding: 0 0.2rem 0;
  -gtk-outline-radius: 2px;
}

.linked.path-bar button.text-button.image-button label,
.linked.path-bar button.text-button.image-button.toggle label,
.path-bar button.text-button.image-button label,
.path-bar button.text-button.image-button.toggle label {
  padding: 0 0 0.1rem;
}

.linked.path-bar button.text-button.image-button label:dir(ltr),
.linked.path-bar button.text-button.image-button.toggle label:dir(ltr),
.path-bar button.text-button.image-button label:dir(ltr),
.path-bar button.text-button.image-button.toggle label:dir(ltr) {
  margin-left: 0;
  margin-right: 0.4rem;
}

.linked.path-bar button.text-button.image-button label:dir(rtl),
.linked.path-bar button.text-button.image-button.toggle label:dir(rtl),
.path-bar button.text-button.image-button label:dir(rtl),
.path-bar button.text-button.image-button.toggle label:dir(rtl) {
  margin-left: 0.4rem;
  margin-right: 0;
}

.linked.path-bar button.text-button.image-button image:dir(ltr),
.linked.path-bar button.text-button.image-button.toggle image:dir(ltr),
.path-bar button.text-button.image-button image:dir(ltr),
.path-bar button.text-button.image-button.toggle image:dir(ltr) {
  margin-left: 0.1rem;
  margin-right: 0.4rem;
}

.linked.path-bar button.text-button.image-button image:dir(ltr),
.linked.path-bar button.text-button.image-button.toggle image:dir(ltr),
.path-bar button.text-button.image-button image:dir(ltr),
.path-bar button.text-button.image-button.toggle image:dir(ltr) {
  margin-left: 0.4rem;
  margin-right: 0.1rem;
}

.linked.path-bar button.slider-button,
.path-bar button.slider-button {
  min-height: 16px;
  padding: 0 0.2rem 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.linked.path-bar button.slider-button image,
.path-bar button.slider-button image {
  margin: 0 0.4rem 0;
}

treeview.view {
  border-left-color: alpha(currentColor, 0.2);
  border-top-color: rgba(0, 0, 0, 0.09);
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

* {
  -GtkTreeView-horizontal-separator: 4;
  -GtkTreeView-grid-line-width: 0;
  -GtkTreeView-grid-line-pattern: '';
  -GtkTreeView-tree-line-width: 1;
  -GtkTreeView-tree-line-pattern: '';
  -GtkTreeView-expander-size: 16;
}

treeview.view:hover,
treeview.view:active {
  border-radius: 0;
}

treeview.view:selected {
  border-radius: 0;
}

treeview.view,
treeview.view entry,
treeview.view spinbutton:not(.vertical),
treeview.view entry > label,
treeview.view spinbutton:not(.vertical) > label {
  color: rgba(38, 50, 56, 0.87);
}

treeview.view:hover,
treeview.view:active,
treeview.view:focus,
treeview.view entry:hover,
treeview.view spinbutton:hover:not(.vertical),
treeview.view entry:active,
treeview.view spinbutton:active:not(.vertical),
treeview.view entry:focus,
treeview.view spinbutton:focus:not(.vertical),
treeview.view entry > label:hover,
treeview.view spinbutton:not(.vertical) > label:hover,
treeview.view entry > label:active,
treeview.view spinbutton:not(.vertical) > label:active,
treeview.view entry > label:focus,
treeview.view spinbutton:not(.vertical) > label:focus {
  color: @theme_fg_color;
}

treeview.view:selected,
treeview.view entry:selected,
treeview.view spinbutton:selected:not(.vertical),
treeview.view entry > label:selected,
treeview.view spinbutton:not(.vertical) > label:selected {
  color: @theme_base_color;
}

treeview.view:disabled,
treeview.view entry:disabled,
treeview.view spinbutton:disabled:not(.vertical),
treeview.view entry > label:disabled,
treeview.view spinbutton:not(.vertical) > label:disabled {
  color: rgba(38, 50, 56, 0.28);
}

treeview.view:disabled:selected,
treeview.view entry:disabled:selected,
treeview.view spinbutton:disabled:selected:not(.vertical),
treeview.view entry > label:disabled:selected,
treeview.view spinbutton:not(.vertical) > label:disabled:selected {
  color: rgba(255, 255, 255, 0.4);
}

treeview.view .separator,
treeview.view .separator:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

treeview.view.dnd {
  border-style: solid none;
  border-width: 1px;
  border-color: #137786;
}

treeview.view.expander {
  min-width: 16px;
  min-height: 16px;
}

treeview.view.expander:dir(ltr) {
  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
}

treeview.view.expander:dir(rtl) {
  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
}

treeview.view.expander:checked {
  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
}

treeview.view.expander:selected {
  color: rgba(255, 255, 255, 0.87);
}

treeview.view.expander:selected:hover,
treeview.view.expander:selected:active {
  color: @theme_base_color;
}

treeview.view.progressbar {
  box-shadow: inset 0 -4px #4db6ac;
}

treeview.view.progressbar:selected {
  box-shadow: inset 0 -4px @theme_base_color;
}

treeview.view.trough {
  box-shadow: inset 0 -4px rgba(77, 182, 172, 0.2);
}

treeview.view.trough:selected {
  box-shadow: inset 0 -4px rgba(255, 255, 255, 0.2);
}

treeview.view,
paned treeview.view {
  background-color: @theme_base_color;
}

treeview.view:hover,
treeview.view row:hover,
paned treeview.view:hover,
paned treeview.view row:hover {
  color: @theme_fg_color;
}

treeview.view header button {
  background-color: @theme_bg_color;
  color: rgba(38, 50, 56, 0.54);
}

treeview.view header button:hover {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.87);
}

treeview.view header button:active {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
}

treeview.view header button:disabled {
  background-color: @theme_bg_color;
  color: rgba(38, 50, 56, 0.28);
}

treeview.view.separator {
  min-width: 1px;
  min-height: 1px;
  background-color: rgba(0, 0, 0, 0.09);
}

treeview.view button.dnd,
treeview.view button.dnd:hover,
treeview.view button.dnd:active,
treeview.view button.dnd:selected,
treeview.view header.button.dnd,
treeview.view header.button.dnd:hover,
treeview.view header.button.dnd:active,
treeview.view header.button.dnd:selected {
  min-height: 1.5rem;
  padding: 0 0.5rem 0;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 0;
  background-color: @theme_selected_bg_color;
  color: @theme_base_color;
  box-shadow: none;
  font-weight: 400;
  transition: none;
}

treeview.view header button:last-child,
treeview.view:last-child button {
  border-right-style: none;
}

treeview.view acceleditor > label {
  background-color: @theme_selected_bg_color;
}

treeview.view header button,
treeview.view header button:hover,
treeview.view header button:disabled,
notebook.psppire-data-editor widget.view button:not(.flat) {
  min-height: 1.5rem;
  padding: 0 0.5rem 0;
  border-style: none solid solid none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.09);
  border-radius: 0;
  box-shadow: none;
  font-weight: 400;
}

.menubar,
menubar {
  -GtkWidget-window-dragging: true;
  padding: 0;
  background-color: @theme_bg_color;
}

.menubar > .menuitem,
.menubar > menuitem,
menubar > .menuitem,
menubar > menuitem {
  padding: 0.4rem 0.6rem 0.5rem;
  background-color: transparent;
}

.menubar > .menuitem > label,
.menubar > menuitem > label,
menubar > .menuitem > label,
menubar > menuitem > label {
  color: @theme_text_color;
}

.menubar > .menuitem:hover,
.menubar > menuitem:hover,
menubar > .menuitem:hover,
menubar > menuitem:hover {
  box-shadow: inset 0 -2px @theme_selected_bg_color;
}

.menubar > .menuitem:hover > label,
.menubar > menuitem:hover > label,
menubar > .menuitem:hover > label,
menubar > menuitem:hover > label {
  color: @theme_text_color;
}

.menubar > .menuitem:disabled,
.menubar > menuitem:disabled,
menubar > .menuitem:disabled,
menubar > menuitem:disabled {
  box-shadow: none;
}

.menubar > .menuitem:disabled > label,
.menubar > menuitem:disabled > label,
menubar > .menuitem:disabled > label,
menubar > menuitem:disabled > label {
  color: rgba(207, 216, 220, 0.28);
}

.menu,
.context-menu,
menu {
  font: initial;
}

.menu,
.solid-csd.popup .menu,
.context-menu,
.solid-csd.popup .context-menu,
menu,
.solid-csd.popup menu {
  padding: 0.3rem 1px;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: @borders;
  background-color: #fdfdfe;
}

.csd.popup .menu,
.csd.popup .context-menu,
.csd.popup menu {
  margin: 0.3rem 0;
  padding: 0.3rem 0;
  border-radius: 2px;
  border-width: 1px 0 0;
  border-style: solid none none;
  border-color: @theme_base_color transparent transparent;
}

.menu .menuitem,
.menu menuitem,
.context-menu .menuitem,
.context-menu menuitem,
menu .menuitem,
menu menuitem {
  min-height: 1.5rem;
  min-width: 3rem;
  padding: 0.4rem 0.6rem 0.5rem;
  color: rgba(38, 50, 56, 0.87);
  font: initial;
  text-shadow: none;
  transition: none;
}

.menu .menuitem:hover,
.menu menuitem:hover,
.context-menu .menuitem:hover,
.context-menu menuitem:hover,
menu .menuitem:hover,
menu menuitem:hover {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
  transition: none;
}

.menu .menuitem:disabled,
.menu menuitem:disabled,
.context-menu .menuitem:disabled,
.context-menu menuitem:disabled,
menu .menuitem:disabled,
menu menuitem:disabled {
  color: rgba(38, 50, 56, 0.28);
}

.menu .menuitem arrow,
.menu menuitem arrow,
.context-menu .menuitem arrow,
.context-menu menuitem arrow,
menu .menuitem arrow,
menu menuitem arrow {
  min-height: 1.2rem;
  min-width: 1.2rem;
}

.menu .menuitem arrow:dir(ltr),
.menu menuitem arrow:dir(ltr),
.context-menu .menuitem arrow:dir(ltr),
.context-menu menuitem arrow:dir(ltr),
menu .menuitem arrow:dir(ltr),
menu menuitem arrow:dir(ltr) {
  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
  margin-left: 0.8rem;
}

.menu .menuitem arrow:dir(rtl),
.menu menuitem arrow:dir(rtl),
.context-menu .menuitem arrow:dir(rtl),
.context-menu menuitem arrow:dir(rtl),
menu .menuitem arrow:dir(rtl),
menu menuitem arrow:dir(rtl) {
  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
  margin-right: 0.8rem;
}

.menu .menuitem label:dir(rtl),
.menu .menuitem label:dir(ltr),
.menu .menuitem arrow:dir(rtl),
.menu .menuitem arrow:dir(ltr),
.menu menuitem label:dir(rtl),
.menu menuitem label:dir(ltr),
.menu menuitem arrow:dir(rtl),
.menu menuitem arrow:dir(ltr),
.context-menu .menuitem label:dir(rtl),
.context-menu .menuitem label:dir(ltr),
.context-menu .menuitem arrow:dir(rtl),
.context-menu .menuitem arrow:dir(ltr),
.context-menu menuitem label:dir(rtl),
.context-menu menuitem label:dir(ltr),
.context-menu menuitem arrow:dir(rtl),
.context-menu menuitem arrow:dir(ltr),
menu .menuitem label:dir(rtl),
menu .menuitem label:dir(ltr),
menu .menuitem arrow:dir(rtl),
menu .menuitem arrow:dir(ltr),
menu menuitem label:dir(rtl),
menu menuitem label:dir(ltr),
menu menuitem arrow:dir(rtl),
menu menuitem arrow:dir(ltr) {
  color: inherit;
}

.menu > arrow,
.context-menu > arrow,
menu > arrow {
  min-height: 1.2rem;
  min-width: 1.2rem;
  padding: 0.3rem;
  border-style: none;
  border-radius: 0;
  color: rgba(38, 50, 56, 0.87);
  background-color: #fdfdfe;
}

.menu > arrow:hover,
.context-menu > arrow:hover,
menu > arrow:hover {
  color: @theme_fg_color;
  background-color: #f7f9f9;
}

.menu > arrow:checked,
.context-menu > arrow:checked,
menu > arrow:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
}

.menu > arrow:disabled,
.context-menu > arrow:disabled,
menu > arrow:disabled {
  border-color: transparent;
  color: transparent;
  background-color: transparent;
}

.menu > arrow.top,
.context-menu > arrow.top,
menu > arrow.top {
  margin-top: -0.4rem;
  -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.menu > arrow.bottom,
.context-menu > arrow.bottom,
menu > arrow.bottom {
  margin-bottom: -0.4rem;
  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}

.menu > separator,
.context-menu > separator,
menu > separator {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

.menu > separator:dir(ltr),
.context-menu > separator:dir(ltr),
menu > separator:dir(ltr) {
  margin-left: 1.8rem;
}

.menu > separator:dir(rtl),
.context-menu > separator:dir(rtl),
menu > separator:dir(rtl) {
  margin-right: 1.8rem;
}

menuitem accelerator {
  color: alpha(currentColor, 0.54);
}

menuitem separator {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  color: transparent;
  background: none;
}

menuitem separator:dir(ltr) {
  margin-left: 1.8rem;
}

menuitem separator:dir(rtl) {
  margin-right: 1.8rem;
}

menuitem box.horizontal separator {
  min-height: 1px;
  border: none;
  background-color: rgba(0, 0, 0, 0.09);
}

menuitem box.horizontal separator:dir(ltr),
menuitem box.horizontal separator:dir(rtl) {
  margin: 0.96rem 0;
}

window.popup,
window.popup.solid-csd {
  border-radius: 0;
}

window.popup.csd {
  border-radius: 2px;
}

#IBusCandidate {
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: #fdfdfe;
  box-shadow: inset 0 1px @theme_base_color;
}

#IBusCandidate > box > label {
  color: rgba(38, 50, 56, 0.54);
}

#IBusCandidate widget label {
  color: rgba(38, 50, 56, 0.87);
  font-size: 110%;
  -gtk-secondary-caret-color: #009688;
}

#IBusCandidate widget label:selected {
  color: @theme_base_color;
}

#IBusCandidate button.flat.image-button {
  margin: 0.3rem;
}

#IBusHandle {
  background-image: image(#fdfdfe);
}

window.budgie-popover.background:not(.csd),
popover.background {
  padding: 0;
  background-color: #fdfdfe;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2);
}

window.budgie-popover.background:backdrop:not(.csd),
popover.background:backdrop {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

window.menu.budgie-popover.background:not(.csd),
popover.background.menu {
  margin: 0;
  padding: 0;
}

window.menu.budgie-popover.background:not(.csd) > stack,
popover.background.menu > stack {
  margin: -4px -6px -6px;
}

window.menu.budgie-popover.background:not(.csd) separator.horizontal,
popover.background.menu separator.horizontal {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

.csd window.budgie-popover.background:not(.csd),
window.budgie-popover.background:not(.csd),
.csd popover.background,
popover.background {
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  border-color: rgba(0, 0, 0, 0.0675) #fdfdfe #fdfdfe;
  border-image: linear-gradient(to bottom, @theme_base_color 1px, #fdfdfe, #fdfdfe 1px) 1/1px
    stretch;
}

window.budgie-popover.background:not(.csd) > list,
window.budgie-popover.background:not(.csd) > .view,
window.budgie-popover.background:not(.csd) > iconview,
window.budgie-popover.background:not(.csd) > toolbar,
window.osd.budgie-popover.background:not(.csd) > toolbar,
popover.background > list,
popover.background > .view,
popover.background > iconview,
popover.background > toolbar,
popover.background.osd > toolbar {
  border-style: none;
  border-image: none;
  background-color: transparent;
}

window.budgie-popover.background:not(.csd) separator,
window.budgie-popover.background:not(.csd) list separator,
popover.background separator,
popover.background list separator {
  margin: 0;
}

window.budgie-popover.background:not(.csd) list > row,
window.budgie-popover.background:not(.csd) list > .activatable,
popover.background list > row,
popover.background list > .activatable {
  transition-property: opacity, background-image;
}

window.budgie-popover.background:not(.csd) button menuitem.flat,
window.budgie-popover.background:not(.csd) button.flat,
popover.background button menuitem.flat,
popover.background button.flat {
  padding: 0 1rem 0;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
  font-weight: 400;
  font-size: 100%;
  transition-duration: 0s;
}

window.budgie-popover.background:not(.csd) button menuitem.flat:hover,
window.budgie-popover.background:not(.csd) button.flat:hover,
popover.background button menuitem.flat:hover,
popover.background button.flat:hover {
  background-color: transparent;
  color: @theme_fg_color;
}

window.budgie-popover.background:not(.csd) button menuitem.flat:disabled,
window.budgie-popover.background:not(.csd) button.flat:disabled,
popover.background button menuitem.flat:disabled,
popover.background button.flat:disabled {
  color: rgba(38, 50, 56, 0.2436);
}

window.budgie-popover.background:not(.csd) button menuitem.flat label,
window.budgie-popover.background:not(.csd) button.flat label,
popover.background button menuitem.flat label,
popover.background button.flat label {
  padding: 0.4rem 0 0.5rem;
}

window.budgie-popover.background:not(.csd) button.image-button,
popover.background button.image-button {
  padding: 0.5rem;
}

window.budgie-popover.background:not(.csd) button.model.image-button,
popover.background button.model.image-button {
  min-height: 2rem;
}

window.budgie-popover.background:not(.csd) .linked > button,
popover.background .linked > button {
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
}

window.budgie-popover.background:not(.csd) .linked > button:hover,
popover.background .linked > button:hover {
  background-color: transparent;
  color: @theme_fg_color;
}

window.budgie-popover.background:not(.csd) .linked > button:active,
popover.background .linked > button:active {
  background-color: transparent;
  color: @theme_fg_color;
}

window.budgie-popover.background:not(.csd) .linked > button:checked,
popover.background .linked > button:checked {
  background-color: transparent;
  color: @theme_fg_color;
}

window.budgie-popover.background:not(.csd) .linked > button:disabled,
popover.background .linked > button:disabled {
  background-color: transparent;
}

popover.background.touch-selection button,
popover.background.magnifier button,
popover.background.osd button {
  background-color: transparent;
}

notebook {
  padding: 0;
}

notebook.frame {
  border: 1px solid @borders;
  transition: none;
}

notebook.frame > header,
notebook.frame > header.frame {
  border-style: none;
}

notebook.frame > header.top {
  margin: -1px -1px 0 -1px;
}

notebook.frame > header.bottom {
  margin: 0 -1px -1px -1px;
}

notebook.frame > header.left {
  margin: -1px 0 -1px -1px;
}

notebook.frame > header.right {
  margin: -1px -1px -1px 0;
}

notebook > stack {
  transition: none;
}

notebook > stack:only-child {
  border: none;
  background-color: transparent;
  box-shadow: none;
}

notebook > stack:not(:only-child),
notebook > stack:not(:first-child),
notebook > stack:not(:last-child) {
  border: none;
  background-color: @theme_base_color;
  box-shadow: inset 0 0 0 1px @theme_base_color;
}

notebook > header {
  background-color: @theme_bg_color;
}

notebook > header tabs {
  background-color: transparent;
}

notebook > header.top {
  box-shadow: 0 1px rgba(0, 0, 0, 0.09);
}

notebook > header.bottom {
  box-shadow: 0 -1px rgba(0, 0, 0, 0.09);
}

notebook > header.left {
  box-shadow: 1px 0 rgba(0, 0, 0, 0.09);
}

notebook > header.right {
  box-shadow: -1px 0 rgba(0, 0, 0, 0.09);
}

notebook > header.top > tabs {
  margin: 0 0.45rem -1px 0.45rem;
}

notebook > header.top > tabs > tab {
  margin: 0 -1px 0 -1px;
  padding: 0.4rem 1.2rem;
  border-bottom-width: 2px;
  box-shadow: none;
}

notebook > header.top > tabs > tab.reorderable-page {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-left-width: 1px;
  border-right-width: 1px;
}

notebook > header.bottom > tabs {
  margin: -1px 0.45rem 0 0.45rem;
}

notebook > header.bottom > tabs > tab {
  margin: 0 -1px 0 -1px;
  padding: 0.4rem 1.2rem;
  border-top-width: 2px;
  box-shadow: none;
}

notebook > header.bottom > tabs > tab.reorderable-page {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  border-left-width: 1px;
  border-right-width: 1px;
}

notebook > header.left > tabs {
  margin: 0.45rem -1px 0.45rem 0;
}

notebook > header.left > tabs > tab {
  margin: -1px 0 -1px 0;
  padding: 0.4rem 0.75rem;
  border-right-width: 2px;
  box-shadow: none;
}

notebook > header.left > tabs > tab.reorderable-page {
  border-bottom-width: 1px;
  border-top-width: 1px;
}

notebook > header.right > tabs {
  margin: 0.45rem 0 0.45rem -1px;
}

notebook > header.right > tabs > tab {
  margin: -1px 0 -1px 0;
  padding: 0.4rem 0.75rem;
  border-left-width: 2px;
  box-shadow: none;
}

notebook > header.right > tabs > tab.reorderable-page {
  border-bottom-width: 1px;
  border-top-width: 1px;
}

notebook > header.top tab.reorderable-page {
  border-bottom-width: 2px;
  border-bottom-color: transparent;
}

notebook > header.top tab.reorderable-page:hover {
  border-color: rgba(0, 0, 0, 0.09);
  border-bottom-width: 2px;
  border-bottom-color: alpha(currentColor, 0.2);
  background-color: @theme_base_color;
  box-shadow: none;
}

notebook > header.top tab.reorderable-page:checked {
  border-color: rgba(0, 0, 0, 0.09);
  border-bottom-width: 2px;
  border-bottom-color: @theme_selected_bg_color;
  background-color: @theme_base_color;
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02),
    1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02);
}

notebook > header.bottom tab.reorderable-page {
  border-top-width: 2px;
  border-top-color: transparent;
}

notebook > header.bottom tab.reorderable-page:hover {
  border-color: rgba(0, 0, 0, 0.09);
  border-top-width: 2px;
  border-top-color: alpha(currentColor, 0.2);
  background-color: @theme_base_color;
  box-shadow: none;
}

notebook > header.bottom tab.reorderable-page:checked {
  border-color: rgba(0, 0, 0, 0.09);
  border-top-width: 2px;
  border-top-color: @theme_selected_bg_color;
  background-color: @theme_base_color;
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02),
    1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02);
}

notebook > header.left tab.reorderable-page {
  border-right-width: 2px;
  border-right-color: transparent;
}

notebook > header.left tab.reorderable-page:hover {
  border-color: rgba(0, 0, 0, 0.09);
  border-right-width: 2px;
  border-right-color: alpha(currentColor, 0.2);
  background-color: @theme_base_color;
  box-shadow: none;
}

notebook > header.left tab.reorderable-page:checked {
  border-color: rgba(0, 0, 0, 0.09);
  border-right-width: 2px;
  border-right-color: @theme_selected_bg_color;
  background-color: @theme_base_color;
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02),
    1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02);
}

notebook > header.right tab.reorderable-page {
  border-left-width: 2px;
  border-left-color: transparent;
}

notebook > header.right tab.reorderable-page:hover {
  border-color: rgba(0, 0, 0, 0.09);
  border-left-width: 2px;
  border-left-color: alpha(currentColor, 0.2);
  background-color: @theme_base_color;
  box-shadow: none;
}

notebook > header.right tab.reorderable-page:checked {
  border-color: rgba(0, 0, 0, 0.09);
  border-left-width: 2px;
  border-left-color: @theme_selected_bg_color;
  background-color: @theme_base_color;
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02),
    1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02);
}

notebook > header > tabs > arrow {
  transition: none;
  min-height: 1.2rem;
  min-width: 1.2rem;
  margin: -0.1rem 0.5rem;
  padding: 0;
  border-radius: 0;
  color: rgba(38, 50, 56, 0.54);
}

notebook > header > tabs > arrow:hover,
notebook > header > tabs > arrow:active {
  color: @theme_fg_color;
}

notebook > header > tabs > arrow:disabled {
  color: transparent;
}

notebook > header.top button,
notebook > header.bottom button,
notebook > header.left button,
notebook > header.right button {
  min-height: 1.2rem;
  min-width: 1.2rem;
  padding: 0;
}

notebook > header.top button > image,
notebook > header.bottom button > image,
notebook > header.left button > image,
notebook > header.right button > image {
  padding: 0.5rem;
}

notebook > header.top button.toggle:checked,
notebook > header.bottom button.toggle:checked,
notebook > header.left button.toggle:checked,
notebook > header.right button.toggle:checked {
  background-color: transparent;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
}

notebook tab {
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  background-image: radial-gradient(
    circle farthest-side at center,
    alpha(currentColor, 0.3) 12.5%,
    transparent 0%
  );
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0% 0%;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    border-image 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-size 0s,
    background-image 0s, box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  color: rgba(38, 50, 56, 0.54);
}

notebook tab:hover {
  border-color: alpha(currentColor, 0.2);
}

notebook tab:checked {
  border-color: @theme_selected_bg_color;
  background-image: radial-gradient(
    circle farthest-side at center,
    transparent 12.5%,
    transparent 0%
  );
  background-size: 800% 800%;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    border-image 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-size 0.3s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.3s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

notebook tab:hover,
notebook tab:checked {
  color: @theme_fg_color;
}

notebook tab:hover label,
notebook tab:checked label {
  color: @theme_fg_color;
}

notebook tab label {
  padding: 0.1rem;
  font-weight: 700;
  color: rgba(38, 50, 56, 0.54);
}

notebook tab.reorderable-page label {
  padding: 0.3rem 0 0.3rem;
}

notebook tab button {
  min-width: 1.2rem;
  min-height: 1.2rem;
  padding: 0;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

notebook tab button.flat {
  color: rgba(38, 50, 56, 0.54);
}

notebook tab button > image {
  padding: 0.6rem;
}

notebook tab:hover button.flat,
notebook tab:checked button.flat {
  color: rgba(38, 50, 56, 0.87);
}

notebook tab:hover button.flat:hover,
notebook tab:hover button.flat:active,
notebook tab:checked button.flat:hover,
notebook tab:checked button.flat:active {
  color: @theme_fg_color;
}

notebook tab:disabled button.flat {
  color: rgba(38, 50, 56, 0.28);
}

notebook tab button.flat.image-button.small-button {
  min-width: 1.2rem;
  min-height: 1.2rem;
  padding: 0;
}

notebook tab button.flat.image-button.small-button > widget > box > image {
  padding: 0.4rem;
}

notebook tab {
  outline-offset: -0.45rem;
  outline-color: transparent;
}

notebook:focus tab {
  outline-color: alpha(currentColor, 0.2);
}

notebook:not(.reorderable-page) > entry,
notebook:not(.reorderable-page) > spinbutton:not(.vertical) {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(38, 50, 56, 0.87);
  border-radius: 0;
  background-color: transparent;
}

notebook:not(.reorderable-page) > entry:focus,
notebook:not(.reorderable-page) > spinbutton:focus:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: @theme_fg_color;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
  background-color: transparent;
}

notebook:not(.reorderable-page) > entry:disabled,
notebook:not(.reorderable-page) > spinbutton:disabled:not(.vertical) {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  color: rgba(38, 50, 56, 0.28);
  background-color: transparent;
}

@keyframes slow_down_vert {
  from {
    min-width: 0.45rem;
  }
  to {
    min-width: 0.9rem;
  }
}

@keyframes slow_down_horz {
  from {
    min-height: 0.45rem;
  }
  to {
    min-height: 0.9rem;
  }
}

scrollbar,
.scrollbar {
  background-color: rgba(255, 255, 255, 0.55);
  transition-duration: 0.2s;
}

* {
  -GtkScrollbar-has-backward-stepper: false;
  -GtkScrollbar-has-forward-stepper: false;
}

scrollbar.top,
scrollbar.top .trough,
.scrollbar.top,
.scrollbar.top .trough {
  border: none;
}

.background scrolledwindow > scrollbar.top:not(.overlay-indicator),
.background scrolledwindow > .scrollbar.top:not(.overlay-indicator) {
  margin: 0 0 -2px 0;
}

scrollbar.bottom,
scrollbar.bottom .trough,
.scrollbar.bottom,
.scrollbar.bottom .trough {
  border: none;
}

.background scrolledwindow > scrollbar.bottom:not(.overlay-indicator),
.background scrolledwindow > .scrollbar.bottom:not(.overlay-indicator) {
  margin: -2px 0 0 0;
}

scrollbar.left,
scrollbar.left .trough,
.scrollbar.left,
.scrollbar.left .trough {
  border: none;
}

.background scrolledwindow > scrollbar.left:not(.overlay-indicator),
.background scrolledwindow > .scrollbar.left:not(.overlay-indicator) {
  margin: 0 -2px 0 0;
}

scrollbar.right,
scrollbar.right .trough,
.scrollbar.right,
.scrollbar.right .trough {
  border: none;
}

.background scrolledwindow > scrollbar.right:not(.overlay-indicator),
.background scrolledwindow > .scrollbar.right:not(.overlay-indicator) {
  margin: 0 0 0 -2px;
}

scrollbar slider,
scrollbar .slider,
.scrollbar slider,
.scrollbar .slider {
  background-color: rgba(38, 50, 56, 0.297);
}

scrollbar slider:hover,
scrollbar .slider:hover,
.scrollbar slider:hover,
.scrollbar .slider:hover {
  background-color: rgba(38, 50, 56, 0.4785);
}

scrollbar slider:active,
scrollbar .slider:active,
.scrollbar slider:active,
.scrollbar .slider:active {
  background-color: @theme_fg_color;
}

scrollbar slider:disabled,
scrollbar .slider:disabled,
.scrollbar slider:disabled,
.scrollbar .slider:disabled {
  opacity: 0.4;
}

scrollbar.vertical slider,
scrollbar.vertical .slider,
scrollbar.vertical.fine-tune slider,
scrollbar.vertical.fine-tune .slider,
.scrollbar.vertical slider,
.scrollbar.vertical .slider,
.scrollbar.vertical.fine-tune slider,
.scrollbar.vertical.fine-tune .slider {
  min-width: 0.9rem;
  min-height: 2.4rem;
  margin: 0;
  border-radius: 0;
  border: 0 none transparent;
}

scrollbar.horizontal slider,
scrollbar.horizontal .slider,
scrollbar.horizontal.fine-tune slider,
scrollbar.horizontal.fine-tune .slider,
.scrollbar.horizontal slider,
.scrollbar.horizontal .slider,
.scrollbar.horizontal.fine-tune slider,
.scrollbar.horizontal.fine-tune .slider {
  min-width: 2.4rem;
  min-height: 0.9rem;
  margin: 0;
  border-radius: 0;
  border: 0 none transparent;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering),
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
  border-color: transparent;
  background-color: transparent;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
  margin: 0;
  border: 0 none transparent;
  background-color: rgba(147, 153, 156, 0.55);
}

.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
.background .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
  background-color: rgba(38, 50, 56, 0.297);
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering) button,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
  min-width: 0.9rem;
  min-height: 0.9rem;
  border-radius: 0;
  border: none;
  background-color: rgba(38, 50, 56, 0.297);
  -gtk-icon-source: none;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
  min-width: 0.45rem;
  min-height: 2.4rem;
  margin: 0;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
  min-width: 0.45rem;
  margin: 0;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
  min-width: 2.4rem;
  min-height: 0.45rem;
  margin: 0;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
  min-height: 2.4rem;
  margin: 0;
}

scrollbar.overlay-indicator.dragging,
scrollbar.overlay-indicator.hovering,
.scrollbar.overlay-indicator.dragging,
.scrollbar.overlay-indicator.hovering {
  opacity: 0.8;
}

scrollbar.overlay-indicator.hovering.vertical slider,
.scrollbar.overlay-indicator.hovering.vertical slider {
  animation: slow_down_vert 0.2s linear forwards;
}

scrollbar.overlay-indicator.hovering.horizontal slider,
.scrollbar.overlay-indicator.hovering.horizontal slider {
  animation: slow_down_horz 0.2s linear forwards;
}

switch {
  min-width: 2.4rem;
  border: 0.75rem solid transparent;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
  background-color: rgba(38, 50, 56, 0.54);
  font-size: 0;
  outline-offset: -0.3rem;
}

switch:checked {
  background-color: rgba(0, 188, 212, 0.54);
}

switch:checked:disabled {
  background-color: rgba(0, 188, 212, 0.1512);
}

switch:disabled {
  background-color: rgba(38, 50, 56, 0.1512);
}

switch slider {
  min-width: 1.2rem;
  min-height: 1.2rem;
  margin: -0.15rem 0;
  padding: 0;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
  background-color: @theme_base_color;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
}

switch:hover slider {
  background-image: image(rgba(38, 50, 56, 0.12));
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

switch:checked slider {
  background-color: @theme_selected_bg_color;
  background-image: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

switch:checked:hover slider {
  background-image: image(rgba(255, 255, 255, 0.12));
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

switch:disabled slider,
switch:disabled:checked slider {
  background-color: #daddde;
  background-image: none;
  box-shadow: none;
}

row:selected > switch {
  background-color: #8ae0eb;
}

row:selected > switch:checked {
  background-color: @theme_base_color;
}

row:selected > switch slider {
  background-color: @theme_base_color;
}

row:selected > switch:hover slider {
  background-image: image(rgba(38, 50, 56, 0.12));
}

row:selected > switch:checked slider {
  background-color: @theme_base_color;
}

row * switch,
row:selected * switch,
grid switch {
  min-width: 3.9rem;
  min-height: 2.25rem;
  font-size: 0;
  outline-color: transparent;
}

row * switch:not(:hover):not(:checked):not(:disabled),
row * switch:hover,
row * switch:checked,
row * switch:checked:hover,
row * switch:checked:disabled,
row * switch:disabled,
row:selected * switch:not(:hover):not(:checked):not(:disabled),
row:selected * switch:hover,
row:selected * switch:checked,
row:selected * switch:checked:hover,
row:selected * switch:checked:disabled,
row:selected * switch:disabled,
grid switch:not(:hover):not(:checked):not(:disabled),
grid switch:hover,
grid switch:checked,
grid switch:checked:hover,
grid switch:checked:disabled,
grid switch:disabled {
  padding: 0;
  border: none;
  color: transparent;
  background: none;
  background-image: none;
  background-size: 3.75rem 2.25rem;
  background-repeat: no-repeat;
  background-position: right center;
  box-shadow: none;
}

row * switch:not(:hover):not(:checked):not(:disabled):dir(rtl),
row * switch:hover:dir(rtl),
row * switch:checked:dir(rtl),
row * switch:checked:hover:dir(rtl),
row * switch:checked:disabled:dir(rtl),
row * switch:disabled:dir(rtl),
row:selected * switch:not(:hover):not(:checked):not(:disabled):dir(rtl),
row:selected * switch:hover:dir(rtl),
row:selected * switch:checked:dir(rtl),
row:selected * switch:checked:hover:dir(rtl),
row:selected * switch:checked:disabled:dir(rtl),
row:selected * switch:disabled:dir(rtl),
grid switch:not(:hover):not(:checked):not(:disabled):dir(rtl),
grid switch:hover:dir(rtl),
grid switch:checked:dir(rtl),
grid switch:checked:hover:dir(rtl),
grid switch:checked:disabled:dir(rtl),
grid switch:disabled:dir(rtl) {
  background-position: left center;
}

row * switch:not(:hover):not(:checked):not(:disabled) slider,
row * switch:hover slider,
row * switch:checked slider,
row * switch:checked:hover slider,
row * switch:checked:disabled slider,
row * switch:disabled slider,
row:selected * switch:not(:hover):not(:checked):not(:disabled) slider,
row:selected * switch:hover slider,
row:selected * switch:checked slider,
row:selected * switch:checked:hover slider,
row:selected * switch:checked:disabled slider,
row:selected * switch:disabled slider,
grid switch:not(:hover):not(:checked):not(:disabled) slider,
grid switch:hover slider,
grid switch:checked slider,
grid switch:checked:hover slider,
grid switch:checked:disabled slider,
grid switch:disabled slider {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  color: transparent;
  background: none;
  background-image: none;
  background-size: 3.75rem 2.25rem;
  background-repeat: no-repeat;
  background-position: right center;
  box-shadow: none;
}

row * switch:not(:hover):not(:checked):not(:disabled) slider:dir(rtl),
row * switch:hover slider:dir(rtl),
row * switch:checked slider:dir(rtl),
row * switch:checked:hover slider:dir(rtl),
row * switch:checked:disabled slider:dir(rtl),
row * switch:disabled slider:dir(rtl),
row:selected * switch:not(:hover):not(:checked):not(:disabled) slider:dir(rtl),
row:selected * switch:hover slider:dir(rtl),
row:selected * switch:checked slider:dir(rtl),
row:selected * switch:checked:hover slider:dir(rtl),
row:selected * switch:checked:disabled slider:dir(rtl),
row:selected * switch:disabled slider:dir(rtl),
grid switch:not(:hover):not(:checked):not(:disabled) slider:dir(rtl),
grid switch:hover slider:dir(rtl),
grid switch:checked slider:dir(rtl),
grid switch:checked:hover slider:dir(rtl),
grid switch:checked:disabled slider:dir(rtl),
grid switch:disabled slider:dir(rtl) {
  background-position: left center;
}

row * switch:not(:hover):not(:checked):not(:disabled),
grid switch:not(:hover):not(:checked):not(:disabled) {
  background-image: -gtk-scaled(
    url('../assets/toggle-off.png'),
    url('../assets/toggle-off@2.png')
  );
}

row * switch:hover,
grid switch:hover {
  background-image: -gtk-scaled(
    url('../assets/toggle-off-hover.png'),
    url('../assets/toggle-off-hover@2.png')
  );
}

row * switch:checked,
grid switch:checked {
  background-image: -gtk-scaled(
    url('../assets/toggle-on.png'),
    url('../assets/toggle-on@2.png')
  );
}

row * switch:checked:hover,
grid switch:checked:hover {
  background-image: -gtk-scaled(
    url('../assets/toggle-on-hover.png'),
    url('../assets/toggle-on-hover@2.png')
  );
}

row * switch:checked:disabled,
row * switch:checked:disabled:hover,
grid switch:checked:disabled,
grid switch:checked:disabled:hover {
  background-image: -gtk-scaled(
    url('../assets/toggle-on-insensitive.png'),
    url('../assets/toggle-on-insensitive@2.png')
  );
}

row * switch:disabled,
row * switch:disabled:hover,
grid switch:disabled,
grid switch:disabled:hover {
  background-image: -gtk-scaled(
    url('../assets/toggle-off-insensitive.png'),
    url('../assets/toggle-off-insensitive@2.png')
  );
}

row:selected * switch:not(:hover):not(:checked):not(:disabled) {
  background-image: -gtk-scaled(
    url('../assets/toggle-off-selected-row.png'),
    url('../assets/toggle-off-selected-row@2.png')
  );
}

row:selected * switch:hover {
  background-image: -gtk-scaled(
    url('../assets/toggle-off-selected-row-hover.png'),
    url('../assets/toggle-off-selected-row-hover@2.png')
  );
}

row:selected * switch:checked {
  background-image: -gtk-scaled(
    url('../assets/toggle-on-selected-row.png'),
    url('../assets/toggle-on-selected-row@2.png')
  );
}

row:selected * switch:checked:hover {
  background-image: -gtk-scaled(
    url('../assets/toggle-on-selected-row-hover.png'),
    url('../assets/toggle-on-selected-row-hover@2.png')
  );
}

@keyframes check_radio_hover {
  from {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.001,
      to(alpha(currentColor, 0.12)),
      to(transparent)
    );
  }
  to {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.5,
      to(alpha(currentColor, 0.12)),
      to(transparent)
    );
  }
}

@keyframes check_radio_active {
  from {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.001,
      to(rgba(0, 188, 212, 0.12)),
      to(transparent)
    );
  }
  to {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.5,
      to(rgba(0, 188, 212, 0.12)),
      to(transparent)
    );
  }
}

@keyframes check_radio_active_reverse {
  from {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.5,
      to(rgba(0, 188, 212, 0.25)),
      to(transparent)
    );
  }
  to {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.001,
      to(rgba(0, 188, 212, 0)),
      to(transparent)
    );
  }
}

.check,
check {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-solid.png'),
    url('../assets/checkbox-unchecked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:hover,
check:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-solid.png'),
    url('../assets/checkbox-unchecked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:active,
check:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-solid.png'),
    url('../assets/checkbox-unchecked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:disabled,
check:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-solid-insensitive.png'),
    url('../assets/checkbox-unchecked-solid-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:indeterminate,
check:indeterminate {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-solid.png'),
    url('../assets/checkbox-mixed-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:indeterminate:hover,
check:indeterminate:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-solid.png'),
    url('../assets/checkbox-mixed-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:indeterminate:active,
check:indeterminate:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-solid.png'),
    url('../assets/checkbox-mixed-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:indeterminate:disabled,
check:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-solid-insensitive.png'),
    url('../assets/checkbox-mixed-solid-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:checked,
check:checked {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-solid.png'),
    url('../assets/checkbox-checked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:checked:hover,
check:checked:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-solid.png'),
    url('../assets/checkbox-checked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:checked:active,
check:checked:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-solid.png'),
    url('../assets/checkbox-checked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.check:checked:disabled,
check:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-solid-insensitive.png'),
    url('../assets/checkbox-checked-solid-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check,
.background:not(#MozillaGtkWidget) check {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked.png'),
    url('../assets/checkbox-unchecked@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check,
messagedialog.background:not(#MozillaGtkWidget) check {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-dark.png'),
    url('../assets/checkbox-unchecked-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:hover,
.background:not(#MozillaGtkWidget) check:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-active.png'),
    url('../assets/checkbox-unchecked-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:hover,
messagedialog.background:not(#MozillaGtkWidget) check:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-active-dark.png'),
    url('../assets/checkbox-unchecked-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:active,
.background:not(#MozillaGtkWidget) check:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-active.png'),
    url('../assets/checkbox-unchecked-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:active,
messagedialog.background:not(#MozillaGtkWidget) check:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-active-dark.png'),
    url('../assets/checkbox-unchecked-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:disabled,
.background:not(#MozillaGtkWidget) check:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-insensitive.png'),
    url('../assets/checkbox-unchecked-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:disabled,
messagedialog.background:not(#MozillaGtkWidget) check:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-insensitive-dark.png'),
    url('../assets/checkbox-unchecked-insensitive-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:indeterminate,
.background:not(#MozillaGtkWidget) check:indeterminate {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed.png'),
    url('../assets/checkbox-mixed@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:indeterminate,
messagedialog.background:not(#MozillaGtkWidget) check:indeterminate {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-dark.png'),
    url('../assets/checkbox-mixed-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:indeterminate:hover,
.background:not(#MozillaGtkWidget) check:indeterminate:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-active.png'),
    url('../assets/checkbox-mixed-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:indeterminate:hover,
messagedialog.background:not(#MozillaGtkWidget) check:indeterminate:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-active-dark.png'),
    url('../assets/checkbox-mixed-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:indeterminate:active,
.background:not(#MozillaGtkWidget) check:indeterminate:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-active.png'),
    url('../assets/checkbox-mixed-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:indeterminate:active,
messagedialog.background:not(#MozillaGtkWidget) check:indeterminate:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-active-dark.png'),
    url('../assets/checkbox-mixed-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:indeterminate:disabled,
.background:not(#MozillaGtkWidget) check:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-insensitive.png'),
    url('../assets/checkbox-mixed-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:indeterminate:disabled,
messagedialog.background:not(#MozillaGtkWidget) check:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-insensitive-dark.png'),
    url('../assets/checkbox-mixed-insensitive-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:checked,
.background:not(#MozillaGtkWidget) check:checked {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked.png'),
    url('../assets/checkbox-checked@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:checked,
messagedialog.background:not(#MozillaGtkWidget) check:checked {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-dark.png'),
    url('../assets/checkbox-checked-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:checked:hover,
.background:not(#MozillaGtkWidget) check:checked:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-active.png'),
    url('../assets/checkbox-checked-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:checked:hover,
messagedialog.background:not(#MozillaGtkWidget) check:checked:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-active-dark.png'),
    url('../assets/checkbox-checked-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:checked:active,
.background:not(#MozillaGtkWidget) check:checked:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-active.png'),
    url('../assets/checkbox-checked-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:checked:active,
messagedialog.background:not(#MozillaGtkWidget) check:checked:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-active-dark.png'),
    url('../assets/checkbox-checked-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .check:checked:disabled,
.background:not(#MozillaGtkWidget) check:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-insensitive.png'),
    url('../assets/checkbox-checked-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar check:checked:disabled,
messagedialog.background:not(#MozillaGtkWidget) check:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-insensitive-dark.png'),
    url('../assets/checkbox-checked-insensitive-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio,
radio {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-solid.png'),
    url('../assets/radio-unchecked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:hover,
radio:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-solid.png'),
    url('../assets/radio-unchecked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:active,
radio:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-solid.png'),
    url('../assets/radio-unchecked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:disabled,
radio:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-solid-insensitive.png'),
    url('../assets/radio-unchecked-solid-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:indeterminate,
radio:indeterminate {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-solid.png'),
    url('../assets/radio-mixed-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:indeterminate:hover,
radio:indeterminate:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-solid.png'),
    url('../assets/radio-mixed-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:indeterminate:active,
radio:indeterminate:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-solid.png'),
    url('../assets/radio-mixed-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:indeterminate:disabled,
radio:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-solid-insensitive.png'),
    url('../assets/radio-mixed-solid-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:checked,
radio:checked {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-solid.png'),
    url('../assets/radio-checked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:checked:hover,
radio:checked:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-solid.png'),
    url('../assets/radio-checked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:checked:active,
radio:checked:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-solid.png'),
    url('../assets/radio-checked-solid@2.png')
  );
  -gtk-icon-shadow: none;
}

.radio:checked:disabled,
radio:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-solid-insensitive.png'),
    url('../assets/radio-checked-solid-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio,
.background:not(#MozillaGtkWidget) radio {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked.png'),
    url('../assets/radio-unchecked@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio,
messagedialog.background:not(#MozillaGtkWidget) radio {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-dark.png'),
    url('../assets/radio-unchecked-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:hover,
.background:not(#MozillaGtkWidget) radio:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-active.png'),
    url('../assets/radio-unchecked-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:hover,
messagedialog.background:not(#MozillaGtkWidget) radio:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-active-dark.png'),
    url('../assets/radio-unchecked-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:active,
.background:not(#MozillaGtkWidget) radio:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-active.png'),
    url('../assets/radio-unchecked-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:active,
messagedialog.background:not(#MozillaGtkWidget) radio:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-active-dark.png'),
    url('../assets/radio-unchecked-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:disabled,
.background:not(#MozillaGtkWidget) radio:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-insensitive.png'),
    url('../assets/radio-unchecked-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:disabled,
messagedialog.background:not(#MozillaGtkWidget) radio:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-insensitive-dark.png'),
    url('../assets/radio-unchecked-insensitive-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:indeterminate,
.background:not(#MozillaGtkWidget) radio:indeterminate {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed.png'),
    url('../assets/radio-mixed@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:indeterminate,
messagedialog.background:not(#MozillaGtkWidget) radio:indeterminate {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-dark.png'),
    url('../assets/radio-mixed-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:indeterminate:hover,
.background:not(#MozillaGtkWidget) radio:indeterminate:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-active.png'),
    url('../assets/radio-mixed-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:indeterminate:hover,
messagedialog.background:not(#MozillaGtkWidget) radio:indeterminate:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-active-dark.png'),
    url('../assets/radio-mixed-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:indeterminate:active,
.background:not(#MozillaGtkWidget) radio:indeterminate:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-active.png'),
    url('../assets/radio-mixed-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:indeterminate:active,
messagedialog.background:not(#MozillaGtkWidget) radio:indeterminate:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-active-dark.png'),
    url('../assets/radio-mixed-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:indeterminate:disabled,
.background:not(#MozillaGtkWidget) radio:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-insensitive.png'),
    url('../assets/radio-mixed-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:indeterminate:disabled,
messagedialog.background:not(#MozillaGtkWidget) radio:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-insensitive-dark.png'),
    url('../assets/radio-mixed-insensitive-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:checked,
.background:not(#MozillaGtkWidget) radio:checked {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked.png'),
    url('../assets/radio-checked@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:checked,
messagedialog.background:not(#MozillaGtkWidget) radio:checked {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-dark.png'),
    url('../assets/radio-checked-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:checked:hover,
.background:not(#MozillaGtkWidget) radio:checked:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-active.png'),
    url('../assets/radio-checked-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:checked:hover,
messagedialog.background:not(#MozillaGtkWidget) radio:checked:hover {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-active-dark.png'),
    url('../assets/radio-checked-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:checked:active,
.background:not(#MozillaGtkWidget) radio:checked:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-active.png'),
    url('../assets/radio-checked-active@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:checked:active,
messagedialog.background:not(#MozillaGtkWidget) radio:checked:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-active-dark.png'),
    url('../assets/radio-checked-active-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) .radio:checked:disabled,
.background:not(#MozillaGtkWidget) radio:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-insensitive.png'),
    url('../assets/radio-checked-insensitive@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) headerbar radio:checked:disabled,
messagedialog.background:not(#MozillaGtkWidget) radio:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-insensitive-dark.png'),
    url('../assets/radio-checked-insensitive-dark@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view check,
.background:not(#MozillaGtkWidget) treeview.view check:only-child,
.background:not(#MozillaGtkWidget) treeview.view radio,
.background:not(#MozillaGtkWidget) treeview.view radio:only-child {
  padding: 0;
}

.background:not(#MozillaGtkWidget) treeview.view check:selected,
.background:not(#MozillaGtkWidget) treeview.view check:selected:focus,
.background:not(#MozillaGtkWidget) row check:selected,
.background:not(#MozillaGtkWidget) row check:selected:focus,
.background:not(#MozillaGtkWidget) row.activatable check:selected,
.background:not(#MozillaGtkWidget) row.activatable check:selected:focus {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-selected.png'),
    url('../assets/checkbox-unchecked-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view check:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row check:selected:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable check:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-insensitive-dark.png'),
    url('../assets/checkbox-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-insensitive-dark.png'),
    url('../assets/checkbox-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-insensitive-dark.png'),
    url('../assets/checkbox-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget) treeview.view check:selected:active,
.background:not(#MozillaGtkWidget) treeview.view check:selected:focus:active,
.background:not(#MozillaGtkWidget) row check:selected:active,
.background:not(#MozillaGtkWidget) row check:selected:focus:active,
.background:not(#MozillaGtkWidget) row.activatable check:selected:active,
.background:not(#MozillaGtkWidget) row.activatable check:selected:focus:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-selected.png'),
    url('../assets/checkbox-unchecked-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view check:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row check:selected:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable check:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-insensitive-dark.png'),
    url('../assets/checkbox-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-insensitive-dark.png'),
    url('../assets/checkbox-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-insensitive-dark.png'),
    url('../assets/checkbox-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget) treeview.view check:selected:indeterminate,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:indeterminate,
.background:not(#MozillaGtkWidget) row check:selected:indeterminate,
.background:not(#MozillaGtkWidget) row check:selected:focus:indeterminate,
.background:not(#MozillaGtkWidget) row.activatable check:selected:indeterminate,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:indeterminate {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-selected.png'),
    url('../assets/checkbox-mixed-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view check:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row check:selected:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable check:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-insensitive-dark.png'),
    url('../assets/checkbox-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-insensitive-dark.png'),
    url('../assets/checkbox-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-insensitive-dark.png'),
    url('../assets/checkbox-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:indeterminate:active,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:indeterminate:active,
.background:not(#MozillaGtkWidget) row check:selected:indeterminate:active,
.background:not(#MozillaGtkWidget)
  row
  check:selected:focus:indeterminate:active,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:indeterminate:active,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:indeterminate:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-selected.png'),
    url('../assets/checkbox-mixed-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view check:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row check:selected:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable check:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-insensitive-dark.png'),
    url('../assets/checkbox-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-insensitive-dark.png'),
    url('../assets/checkbox-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-insensitive-dark.png'),
    url('../assets/checkbox-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget) treeview.view check:selected:checked,
.background:not(#MozillaGtkWidget) treeview.view check:selected:focus:checked,
.background:not(#MozillaGtkWidget) row check:selected:checked,
.background:not(#MozillaGtkWidget) row check:selected:focus:checked,
.background:not(#MozillaGtkWidget) row.activatable check:selected:checked,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:checked {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-selected.png'),
    url('../assets/checkbox-checked-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view check:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row check:selected:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable check:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-insensitive-dark.png'),
    url('../assets/checkbox-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-insensitive-dark.png'),
    url('../assets/checkbox-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-insensitive-dark.png'),
    url('../assets/checkbox-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget) treeview.view check:selected:checked:active,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:checked:active,
.background:not(#MozillaGtkWidget) row check:selected:checked:active,
.background:not(#MozillaGtkWidget) row check:selected:focus:checked:active,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:checked:active,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:checked:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-selected.png'),
    url('../assets/checkbox-checked-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view check:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row check:selected:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable check:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-unchecked-insensitive-dark.png'),
    url('../assets/checkbox-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  check:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-mixed-insensitive-dark.png'),
    url('../assets/checkbox-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row check:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  check:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-insensitive-dark.png'),
    url('../assets/checkbox-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected,
.background:not(#MozillaGtkWidget) treeview.view radio:selected:focus,
.background:not(#MozillaGtkWidget) row radio:selected,
.background:not(#MozillaGtkWidget) row radio:selected:focus,
.background:not(#MozillaGtkWidget) row.activatable radio:selected,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:focus {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-selected.png'),
    url('../assets/radio-unchecked-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-insensitive-dark.png'),
    url('../assets/radio-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-insensitive-dark.png'),
    url('../assets/radio-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-insensitive-dark.png'),
    url('../assets/radio-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected:active,
.background:not(#MozillaGtkWidget) treeview.view radio:selected:focus:active,
.background:not(#MozillaGtkWidget) row radio:selected:active,
.background:not(#MozillaGtkWidget) row radio:selected:focus:active,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:active,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:focus:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-selected.png'),
    url('../assets/radio-unchecked-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-insensitive-dark.png'),
    url('../assets/radio-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-insensitive-dark.png'),
    url('../assets/radio-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-insensitive-dark.png'),
    url('../assets/radio-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected:indeterminate,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:indeterminate,
.background:not(#MozillaGtkWidget) row radio:selected:indeterminate,
.background:not(#MozillaGtkWidget) row radio:selected:focus:indeterminate,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:indeterminate,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:indeterminate {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-selected.png'),
    url('../assets/radio-mixed-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-insensitive-dark.png'),
    url('../assets/radio-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-insensitive-dark.png'),
    url('../assets/radio-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-insensitive-dark.png'),
    url('../assets/radio-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:indeterminate:active,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:indeterminate:active,
.background:not(#MozillaGtkWidget) row radio:selected:indeterminate:active,
.background:not(#MozillaGtkWidget)
  row
  radio:selected:focus:indeterminate:active,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:indeterminate:active,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:indeterminate:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-selected.png'),
    url('../assets/radio-mixed-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-insensitive-dark.png'),
    url('../assets/radio-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-insensitive-dark.png'),
    url('../assets/radio-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-insensitive-dark.png'),
    url('../assets/radio-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected:checked,
.background:not(#MozillaGtkWidget) treeview.view radio:selected:focus:checked,
.background:not(#MozillaGtkWidget) row radio:selected:checked,
.background:not(#MozillaGtkWidget) row radio:selected:focus:checked,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:checked,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:checked {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-selected.png'),
    url('../assets/radio-checked-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-insensitive-dark.png'),
    url('../assets/radio-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-insensitive-dark.png'),
    url('../assets/radio-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-insensitive-dark.png'),
    url('../assets/radio-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected:checked:active,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:checked:active,
.background:not(#MozillaGtkWidget) row radio:selected:checked:active,
.background:not(#MozillaGtkWidget) row radio:selected:focus:checked:active,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:checked:active,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:checked:active {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-selected.png'),
    url('../assets/radio-checked-selected@2.png')
  );
  -gtk-icon-shadow: none;
}

.background:not(#MozillaGtkWidget) treeview.view radio:selected:disabled,
.background:not(#MozillaGtkWidget) treeview.view radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:disabled,
.background:not(#MozillaGtkWidget) row.activatable radio:selected:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-unchecked-insensitive-dark.png'),
    url('../assets/radio-unchecked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row
  radio:selected:focus:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:indeterminate:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:indeterminate:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-mixed-insensitive-dark.png'),
    url('../assets/radio-mixed-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  treeview.view
  radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget) row radio:selected:focus:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:checked:disabled,
.background:not(#MozillaGtkWidget)
  row.activatable
  radio:selected:focus:checked:disabled {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked-insensitive-dark.png'),
    url('../assets/radio-checked-insensitive-dark@2.png')
  );
}

.background:not(#MozillaGtkWidget) .view.content-view.check:not(list),
.background:not(#MozillaGtkWidget) iconview.content-view.check:not(list) {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-selectionmode.png'),
    url('../assets/checkbox-selectionmode@2.png')
  );
  background-color: transparent;
}

.background:not(#MozillaGtkWidget) .view.content-view.check:hover:not(list),
.background:not(#MozillaGtkWidget) iconview.content-view.check:hover:not(list) {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-active-selectionmode.png'),
    url('../assets/checkbox-active-selectionmode@2.png')
  );
  background-color: transparent;
}

.background:not(#MozillaGtkWidget) .view.content-view.check:active:not(list),
.background:not(#MozillaGtkWidget)
  iconview.content-view.check:active:not(list) {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-active-selectionmode.png'),
    url('../assets/checkbox-active-selectionmode@2.png')
  );
  background-color: transparent;
}

.background:not(#MozillaGtkWidget) .view.content-view.check:disabled:not(list),
.background:not(#MozillaGtkWidget)
  iconview.content-view.check:disabled:not(list) {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-insensitive-selectionmode.png'),
    url('../assets/checkbox-insensitive-selectionmode@2.png')
  );
  background-color: transparent;
}

.background:not(#MozillaGtkWidget) .view.content-view.check:checked:not(list),
.background:not(#MozillaGtkWidget)
  iconview.content-view.check:checked:not(list) {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-selectionmode.png'),
    url('../assets/checkbox-checked-selectionmode@2.png')
  );
  background-color: transparent;
}

.background:not(#MozillaGtkWidget)
  .view.content-view.check:checked:hover:not(list),
.background:not(#MozillaGtkWidget)
  iconview.content-view.check:checked:hover:not(list) {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-active-selectionmode.png'),
    url('../assets/checkbox-checked-active-selectionmode@2.png')
  );
  background-color: transparent;
}

.background:not(#MozillaGtkWidget)
  .view.content-view.check:checked:active:not(list),
.background:not(#MozillaGtkWidget)
  iconview.content-view.check:checked:active:not(list) {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-active-selectionmode.png'),
    url('../assets/checkbox-checked-active-selectionmode@2.png')
  );
  background-color: transparent;
}

.background:not(#MozillaGtkWidget)
  .view.content-view.check:disabled:checked:not(list),
.background:not(#MozillaGtkWidget)
  iconview.content-view.check:disabled:checked:not(list) {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/checkbox-checked-insensitive-selectionmode.png'),
    url('../assets/checkbox-checked-insensitive-selectionmode@2.png')
  );
  background-color: transparent;
}

checkbutton.text-button,
radiobutton.text-button {
  color: rgba(38, 50, 56, 0.87);
}

.background:not(#MozillaGtkWidget) checkbutton.text-button,
.background:not(#MozillaGtkWidget) radiobutton.text-button {
  padding: 0.2rem 0.5rem;
  outline-offset: 0;
}

checkbutton.text-button:hover,
checkbutton.text-button:active,
checkbutton.text-button:checked,
radiobutton.text-button:hover,
radiobutton.text-button:active,
radiobutton.text-button:checked {
  color: @theme_fg_color;
}

radio,
check {
  min-width: 1.2rem;
  min-height: 1.2rem;
}

.background:not(#MozillaGtkWidget) radio,
.background:not(#MozillaGtkWidget) check {
  margin: -0.75rem -0.25rem;
  padding: 0.75rem;
}

radio:hover,
check:hover {
  animation: check_radio_hover 0.2s cubic-bezier(0.4, 0, 0.6, 1) forwards;
}

radio:active,
check:active {
  transition-duration: 0.2s;
  animation: check_radio_active_reverse 0.2s cubic-bezier(0.4, 0, 0.6, 1)
    forwards;
}

radio:hover:checked,
radio:hover:indeterminate,
check:hover:checked,
check:hover:indeterminate {
  animation: check_radio_active 0.2s cubic-bezier(0.4, 0, 0.6, 1) forwards;
}

.background:not(#MozillaGtkWidget) menuitem radio,
.background:not(#MozillaGtkWidget) menuitem check {
  min-width: 1.2rem;
  min-height: 1.2rem;
  margin: 0;
  padding: 0;
}

.background:not(#MozillaGtkWidget) menuitem radio:dir(ltr),
.background:not(#MozillaGtkWidget) menuitem check:dir(ltr) {
  margin-right: 0.6rem;
}

.background:not(#MozillaGtkWidget) menuitem radio:dir(rtl),
.background:not(#MozillaGtkWidget) menuitem check:dir(rtl) {
  margin-left: 0.6rem;
}

.background:not(#MozillaGtkWidget) menuitem radio:not(:backdrop),
.background:not(#MozillaGtkWidget) menuitem check:not(:backdrop) {
  color: inherit;
  -gtk-icon-transform: unset;
  transition: none;
  animation: none;
}

flowbox > flowboxchild check,
flowbox > flowboxchild check:hover,
flowbox > flowboxchild check:active,
flowbox > flowboxchild check:checked,
flowbox > flowboxchild check:disabled {
  margin: 0;
  padding: 0;
  outline-width: 0;
  background-image: image(@theme_base_color);
  background-size: 1.05rem;
  background-position: center;
  background-repeat: no-repeat;
  animation: none;
}

radio:not(:indeterminate):not(:checked):active:not(:backdrop) {
  -gtk-icon-transform: scale(0);
}

check:not(:indeterminate):not(:checked):active:not(:backdrop) {
  -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2)
    rotate(45deg) scaleX(0);
}

radio:not(:active):not(:checked):not(:backdrop),
radio:not(:active):not(:indeterminate):not(:backdrop),
check:not(:active):not(:checked):not(:backdrop),
check:not(:active):not(:indeterminate):not(:backdrop) {
  -gtk-icon-transform: unset;
  transition: 0.2s;
}

radio:active,
check:active {
  -gtk-icon-transform: scale(0, 1);
}

radio:checked:not(:backdrop),
radio:indeterminate:not(:backdrop),
check:checked:not(:backdrop),
check:indeterminate:not(:backdrop) {
  -gtk-icon-transform: unset;
  transition: 0.2s;
}

@keyframes scale_enlarge {
  from {
    background-size: 80%;
  }
  to {
    background-size: 100%;
  }
}

@keyframes scale_color_enlarge {
  from {
    background-size: 80%;
  }
  to {
    background-size: 90%;
  }
}

scale trough,
scale fill {
  border: 1px solid transparent;
  border-radius: 0;
  background-color: alpha(currentColor, 0.2);
  box-shadow: none;
}

scale trough:disabled,
scale fill:disabled {
  color: rgba(38, 50, 56, 0.28);
  background-color: alpha(currentColor, 0.2);
}

scale highlight {
  border: 1px solid transparent;
  border-radius: 0;
  background-color: #4db6ac;
}

scale highlight:disabled {
  color: rgba(38, 50, 56, 0.28);
  background-color: alpha(currentColor, 0.2);
}

scale {
  min-height: 0.75rem;
  min-width: 0.75rem;
  padding: 0.6rem;
}

scale,
scale trough,
scale trough highlight {
  outline-style: none;
  outline-offset: 0;
  outline-width: 0;
}

scale.fine-tune {
  outline-offset: 0;
  outline-width: 0;
}

scale.fine-tune.horizontal {
  min-height: 0.75rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

scale.fine-tune.vertical {
  min-width: 0.75rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

scale slider,
scale.fine-tune slider {
  min-height: 1.5rem;
  min-width: 1.5rem;
  margin: -0.71rem;
}

scale slider:not(:hover):not(:active),
scale.fine-tune slider:not(:hover):not(:active) {
  background-size: 80%;
  transition: 0.2s;
}

scale slider,
scale.fine-tune slider {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider.png'),
    url('../assets/slider@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale slider:active,
scale.fine-tune slider:active {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-active.png'),
    url('../assets/slider-active@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale slider:disabled,
scale.fine-tune slider:disabled {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-insensitive.png'),
    url('../assets/slider-insensitive@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale slider:hover,
scale.fine-tune slider:hover {
  animation: scale_enlarge 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

scale trough {
  min-height: 2px;
  min-width: 2px;
  border-radius: 0;
  border-width: 0;
}

scale fill,
scale highlight {
  min-height: 0;
  min-width: 0;
  border-radius: 0;
  border-width: 0;
}

scale.fine-tune highlight {
  background-color: #ff9800;
}

scale fill {
  background-color: rgba(207, 216, 220, 0.1);
}

scale fill:disabled {
  border-color: transparent;
  background-color: transparent;
}

scale value {
  color: alpha(currentColor, 0.55);
}

scale separator {
  color: transparent;
  background-color: alpha(currentColor, 0.2);
}

scale marks {
  color: alpha(currentColor, 0.55);
}

scale marks.top {
  margin-bottom: 0.45rem;
  margin-top: -0.9rem;
}

scale marks.bottom {
  margin-top: 0.45rem;
  margin-bottom: -0.9rem;
}

scale marks.top {
  margin-right: 0.45rem;
  margin-left: -0.9rem;
}

scale marks.bottom {
  margin-left: 0.45rem;
  margin-right: -0.9rem;
}

scale.horizontal indicator {
  min-height: 0.45rem;
  min-width: 1px;
}

scale.vertical indicator {
  min-height: 1px;
  min-width: 0.45rem;
}

scale.color.horizontal slider,
scale.color.horizontal slider:hover,
scale.color.horizontal slider:active,
scale.color.horizontal slider:disabled,
scale.fine-tune.color.horizontal slider,
scale.fine-tune.color.horizontal slider:hover,
scale.fine-tune.color.horizontal slider:active,
scale.fine-tune.color.horizontal slider:disabled,
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-horz-scale-has-marks-above.png'),
    url('../assets/slider-horz-scale-has-marks-above@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.color.horizontal slider:active,
scale.fine-tune.color.horizontal slider:active,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-horz-scale-has-marks-above-active.png'),
    url('../assets/slider-horz-scale-has-marks-above-active@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.color.horizontal slider:disabled,
scale.fine-tune.color.horizontal slider:disabled,
scale.horizontal
  contents:last-child:not(:only-child)
  > trough
  > slider:disabled {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-horz-scale-has-marks-above-insensitive.png'),
    url('../assets/slider-horz-scale-has-marks-above-insensitive@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.horizontal contents:first-child:not(:only-child) > trough > slider {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-horz-scale-has-marks-below.png'),
    url('../assets/slider-horz-scale-has-marks-below@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.horizontal
  contents:first-child:not(:only-child)
  > trough
  > slider:active {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-horz-scale-has-marks-below-active.png'),
    url('../assets/slider-horz-scale-has-marks-below-active@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.horizontal
  contents:first-child:not(:only-child)
  > trough
  > slider:disabled {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-horz-scale-has-marks-below-insensitive.png'),
    url('../assets/slider-horz-scale-has-marks-below-insensitive@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.color.vertical:dir(rtl) slider,
scale.color.vertical:dir(rtl) slider:hover,
scale.color.vertical:dir(rtl) slider:active,
scale.color.vertical:dir(rtl) slider:disabled,
scale.fine-tune.color.vertical:dir(rtl) slider,
scale.fine-tune.color.vertical:dir(rtl) slider:hover,
scale.fine-tune.color.vertical:dir(rtl) slider:active,
scale.fine-tune.color.vertical:dir(rtl) slider:disabled,
scale.vertical contents:last-child:not(:only-child) > trough > slider {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-vert-scale-has-marks-above.png'),
    url('../assets/slider-vert-scale-has-marks-above@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.color.vertical:dir(rtl) slider:active,
scale.fine-tune.color.vertical:dir(rtl) slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-vert-scale-has-marks-above-active.png'),
    url('../assets/slider-vert-scale-has-marks-above-active@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.color.vertical:dir(rtl) slider:disabled,
scale.fine-tune.color.vertical:dir(rtl) slider:disabled,
scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-vert-scale-has-marks-above-insensitive.png'),
    url('../assets/slider-vert-scale-has-marks-above-insensitive@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.color.vertical:dir(ltr) slider,
scale.color.vertical:dir(ltr) slider:hover,
scale.color.vertical:dir(ltr) slider:active,
scale.color.vertical:dir(ltr) slider:disabled,
scale.fine-tune.color.vertical:dir(ltr) slider,
scale.fine-tune.color.vertical:dir(ltr) slider:hover,
scale.fine-tune.color.vertical:dir(ltr) slider:active,
scale.fine-tune.color.vertical:dir(ltr) slider:disabled,
scale.vertical contents:first-child:not(:only-child) > trough > slider {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-vert-scale-has-marks-below.png'),
    url('../assets/slider-vert-scale-has-marks-below@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.color.vertical:dir(ltr) slider:active,
scale.fine-tune.color.vertical:dir(ltr) slider:active,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-vert-scale-has-marks-below-active.png'),
    url('../assets/slider-vert-scale-has-marks-below-active@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.color.vertical:dir(ltr) slider:disabled,
scale.fine-tune.color.vertical:dir(ltr) slider:disabled,
scale.vertical
  contents:first-child:not(:only-child)
  > trough
  > slider:disabled {
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/slider-vert-scale-has-marks-below-insensitive.png'),
    url('../assets/slider-vert-scale-has-marks-below-insensitive@2.png')
  );
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

scale.color,
scale.fine-tune.color {
  min-height: 0;
  min-width: 0;
}

scale.color trough,
scale.fine-tune.color trough {
  min-width: 4px;
  min-height: 4px;
  border-radius: 0;
  background-color: transparent;
}

scale.color slider,
scale.fine-tune.color slider {
  min-height: 20px;
  min-width: 20px;
  margin: -8px;
}

scale.color slider:hover,
scale.fine-tune.color slider:hover {
  animation: scale_color_enlarge 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

scale.color.horizontal,
scale.fine-tune.color.horizontal {
  margin: 0 -10px 10px;
}

scale.color.vertical:dir(ltr),
scale.fine-tune.color.vertical:dir(ltr) {
  margin: -10px 0 -10px 10px;
}

scale.color.vertical:dir(rtl),
scale.fine-tune.color.vertical:dir(rtl) {
  margin: -10px 10px -10px 0;
}

scale.color.horizontal slider,
scale.color.horizontal slider:hover,
scale.color.horizontal slider:active,
scale.color.horizontal slider:disabled,
scale.fine-tune.color.horizontal slider,
scale.fine-tune.color.horizontal slider:hover,
scale.fine-tune.color.horizontal slider:active,
scale.fine-tune.color.horizontal slider:disabled,
scale.horizontal contents:last-child:not(:only-child) > trough > slider,
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active,
scale.horizontal
  contents:last-child:not(:only-child)
  > trough
  > slider:disabled {
  margin: -1.13rem -0.75rem -0.75rem -0.75rem;
}

scale.horizontal contents:first-child:not(:only-child) > trough > slider,
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active,
scale.horizontal
  contents:first-child:not(:only-child)
  > trough
  > slider:disabled {
  margin: -0.75rem -0.75rem -1.13rem -0.75rem;
}

scale.color.vertical:dir(rtl) slider,
scale.color.vertical:dir(rtl) slider:hover,
scale.color.vertical:dir(rtl) slider:active,
scale.color.vertical:dir(rtl) slider:disabled,
scale.fine-tune.color.vertical:dir(rtl) slider,
scale.fine-tune.color.vertical:dir(rtl) slider:hover,
scale.fine-tune.color.vertical:dir(rtl) slider:active,
scale.fine-tune.color.vertical:dir(rtl) slider:disabled,
scale.vertical contents:last-child:not(:only-child) > trough > slider,
scale.vertical contents:last-child:not(:only-child) > trough > slider:active,
scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
  margin: -0.75rem -0.75rem -0.75rem -1.13rem;
}

scale.color.vertical:dir(ltr) slider,
scale.color.vertical:dir(ltr) slider:hover,
scale.color.vertical:dir(ltr) slider:active,
scale.color.vertical:dir(ltr) slider:disabled,
scale.fine-tune.color.vertical:dir(ltr) slider,
scale.fine-tune.color.vertical:dir(ltr) slider:hover,
scale.fine-tune.color.vertical:dir(ltr) slider:active,
scale.fine-tune.color.vertical:dir(ltr) slider:disabled,
scale.vertical contents:first-child:not(:only-child) > trough > slider,
scale.vertical contents:first-child:not(:only-child) > trough > slider:active,
scale.vertical
  contents:first-child:not(:only-child)
  > trough
  > slider:disabled {
  margin: -0.75rem -1.13rem -0.75rem -0.75rem;
}

progressbar {
  font-size: 90%;
  color: rgba(38, 50, 56, 0.54);
}

progressbar.horizontal trough,
progressbar.horizontal progress {
  min-width: 0;
  min-height: 4px;
  border-style: none;
}

progressbar.vertical trough,
progressbar.vertical progress {
  min-width: 4px;
  min-height: 0;
  border-style: none;
}

progressbar trough {
  box-shadow: none;
  border-radius: 0;
  background-color: rgba(77, 182, 172, 0.2);
}

progressbar progress {
  box-shadow: none;
  border-radius: 0;
  background-color: #4db6ac;
}

progressbar progress.left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

progressbar progress.right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

progressbar progress.top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

progressbar progress.bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

progressbar.osd.horizontal {
  min-width: 0;
  min-height: 4px;
}

progressbar.osd.vertical {
  min-width: 4px;
  min-height: 0;
}

progressbar.osd trough {
  border-style: none;
  box-shadow: none;
  background-color: rgba(77, 182, 172, 0.2);
}

progressbar.osd progress {
  background-image: none;
  background-color: #4db6ac;
  border-style: none;
  border-radius: 0;
}

entry progress,
spinbutton:not(.vertical) progress {
  margin: -0.7rem 0 -0.8rem;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: rgba(0, 188, 212, 0.2);
  background-image: none;
}

levelbar {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

levelbar block {
  min-width: 36px;
  min-height: 4px;
}

levelbar.vertical block {
  min-width: 4px;
  min-height: 36px;
}

levelbar trough {
  padding: 2px;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

levelbar trough:disabled {
  box-shadow: none;
}

levelbar trough.horizontal {
  padding: 2px 1px;
}

levelbar trough.vertical {
  padding: 1px 2px;
}

levelbar.horizontal.discrete block {
  margin: 0 1px;
}

levelbar.vertical.discrete block {
  margin: 1px 0;
}

levelbar block {
  border-radius: 0;
  border: none;
  box-shadow: none;
}

levelbar block.low {
  background-color: #ff9800;
}

levelbar block:not(.empty),
levelbar block.high {
  background-color: #4db6ac;
}

levelbar block.full {
  background-color: #00e676;
}

levelbar block.empty {
  background-color: alpha(currentColor, 0.2);
}

printdialog paper {
  padding: 0;
  color: @theme_fg_color;
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: @borders;
}

printdialog .dialog-action-box {
  margin: 0.9rem;
}

frame > border,
.frame {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.09);
  box-shadow: none;
}

frame > border.flat,
.frame.flat {
  border-style: none;
}

actionbar > frame > border {
  border-width: 1px 0 0;
}

actionbar > revealer > box {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}

placessidebar viewport.frame,
scrolledwindow viewport.frame {
  border-style: none;
}

placessidebar overshoot.top,
scrolledwindow overshoot.top {
  background-size: 150% 50%;
  background-image: radial-gradient(
    circle farthest-side at top,
    rgba(77, 182, 172, 0.13) 50%,
    rgba(77, 182, 172, 0.13) 50%,
    transparent
  );
  background-repeat: no-repeat;
  background-position: top;
  background-color: transparent;
  border: none;
  box-shadow: none;
  transition: none;
}

placessidebar overshoot.bottom,
scrolledwindow overshoot.bottom {
  background-size: 150% 50%;
  background-image: radial-gradient(
    circle farthest-side at bottom,
    rgba(77, 182, 172, 0.13) 50%,
    rgba(77, 182, 172, 0.13) 50%,
    transparent
  );
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: transparent;
  border: none;
  box-shadow: none;
  transition: none;
}

placessidebar overshoot.left,
scrolledwindow overshoot.left {
  background-size: 150% 50%;
  background-size: 50% 150%;
  background-image: radial-gradient(
    circle farthest-side at left,
    rgba(77, 182, 172, 0.13) 50%,
    rgba(77, 182, 172, 0.13) 50%,
    transparent
  );
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  border: none;
  box-shadow: none;
  transition: none;
}

placessidebar overshoot.right,
scrolledwindow overshoot.right {
  background-size: 150% 50%;
  background-size: 50% 150%;
  background-image: radial-gradient(
    circle farthest-side at right,
    rgba(77, 182, 172, 0.13) 50%,
    rgba(77, 182, 172, 0.13) 50%,
    transparent
  );
  background-repeat: no-repeat;
  background-position: right;
  background-color: transparent;
  border: none;
  box-shadow: none;
  transition: none;
}

placessidebar junction,
scrolledwindow junction {
  border-color: transparent;
  border-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.09) 1px,
      transparent 1px
    )
    0 0 0 1/0 1px stretch;
  background-color: @theme_base_color;
}

placessidebar junction:dir(rtl),
scrolledwindow junction:dir(rtl) {
  border-image-slice: 0 1 0 0;
}

separator {
  min-height: 1px;
  min-width: 1px;
  color: transparent;
  background-color: rgba(0, 0, 0, 0.09);
}

list {
  border-color: rgba(0, 0, 0, 0.09);
  background-color: @theme_base_color;
}

row {
  padding: 2px;
}

.view,
iconview,
row.activatable {
  background-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0) 100%,
      transparent 0%
    ),
    image(alpha(currentColor, 0));
  background-repeat: no-repeat;
  background-position: center, center;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.has-open-popup.view,
iconview.has-open-popup,
.view:hover,
iconview:hover,
row.activatable.has-open-popup,
row.activatable:hover {
  background-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0) 100%,
      transparent 0%
    ),
    image(alpha(currentColor, 0.12));
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.1s;
}

.view:active,
iconview:active,
row.activatable:active {
  transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1),
    border-color 0.2s cubic-bezier(0, 0, 0.2, 1),
    border-image 0.2s cubic-bezier(0, 0, 0.2, 1),
    background-color 0s cubic-bezier(0, 0, 0.2, 1),
    background-image 0s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
  animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
}

.view:selected,
iconview:selected,
row.activatable:selected {
  transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1),
    border-color 0.2s cubic-bezier(0, 0, 0.2, 1),
    border-image 0.2s cubic-bezier(0, 0, 0.2, 1),
    background-color 0.2s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.2s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

row button.image-button:not(.text-button):not(.round-button),
row button.circular {
  min-width: 16px;
  min-height: 16px;
  margin: 0.2rem 0.3rem;
  padding: 0.6rem;
}

placessidebar row button.image-button:not(.text-button):not(.round-button),
placessidebar row button.circular {
  margin: 0;
  padding: 0.3rem;
}

row entry,
row spinbutton:not(.vertical),
row entry.flat,
row spinbutton.flat:not(.vertical) {
  min-height: 1rem;
  padding: 0.5rem 0.6rem 0.6rem;
}

row:selected button {
  color: rgba(38, 50, 56, 0.87);
}

row:selected button:hover,
row:selected button:active,
row:selected button:checked {
  color: @theme_fg_color;
}

row:selected button:disabled {
  color: rgba(255, 255, 255, 0.348);
}

row:selected button.flat {
  color: rgba(255, 255, 255, 0.87);
}

row:selected button.flat:hover,
row:selected button.flat:active,
row:selected button.flat:checked {
  color: @theme_base_color;
}

row:selected button.flat:disabled {
  color: rgba(255, 255, 255, 0.348);
}

row:selected entry,
row:selected spinbutton:not(.vertical),
row:selected entry.flat,
row:selected spinbutton.flat:not(.vertical) {
  min-width: 2.5rem;
  min-height: 1rem;
  padding: 0.6rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
  border-style: none;
  border-image: none;
  background-color: @theme_base_color;
  color: rgba(38, 50, 56, 0.87);
  caret-color: rgba(38, 50, 56, 0.87);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

row:selected entry:focus,
row:selected spinbutton:focus:not(.vertical),
row:selected entry.flat:focus,
row:selected spinbutton.flat:focus:not(.vertical) {
  border-style: none;
  border-image: none;
  background-color: @theme_base_color;
  color: @theme_fg_color;
  caret-color: @theme_fg_color;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
  transition: none;
}

row:selected entry:disabled,
row:selected spinbutton:disabled:not(.vertical),
row:selected entry.flat:disabled,
row:selected spinbutton.flat:disabled:not(.vertical) {
  border-style: none;
  border-image: none;
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.28);
  box-shadow: none;
}

.app-notification,
.app-notification.frame {
  color: @theme_text_color;
  background-color: #222d32;
  box-shadow: none;
}

.app-notification box.vertical > label#summary,
.app-notification.frame box.vertical > label#summary {
  color: @theme_text_color;
  font-weight: 700;
}

.app-notification box.vertical > label#body,
.app-notification.frame box.vertical > label#body {
  color: rgba(207, 216, 220, 0.87);
}

.app-notification button:not(hover):not(:active):not(:checked):not(:disabled),
.app-notification.frame
  button:not(hover):not(:active):not(:checked):not(:disabled) {
  background-color: transparent;
  color: rgba(129, 196, 191, 0.87);
}

.app-notification button:hover,
.app-notification.frame button:hover {
  background-color: transparent;
  color: #81c4bf;
}

.app-notification button:active,
.app-notification.frame button:active {
  border-image: none;
  background-color: transparent;
  color: #81c4bf;
  box-shadow: none;
}

.app-notification button:checked,
.app-notification.frame button:checked {
  border-image: none;
  background-color: transparent;
  color: #81c4bf;
  box-shadow: none;
}

.app-notification button:disabled,
.app-notification.frame button:disabled {
  background-color: transparent;
  color: rgba(129, 196, 191, 0.4);
}

.app-notification border,
.app-notification.frame border {
  border: none;
}

expander label {
  color: rgba(38, 50, 56, 0.87);
}

expander label:hover,
expander label:active {
  color: @theme_fg_color;
}

expander label:selected {
  color: @theme_base_color;
}

expander title {
  padding: 0.2rem 0.3rem 0.25rem;
}

expander title > arrow {
  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
  min-width: 16px;
  min-height: 16px;
}

expander title > arrow:dir(rtl) {
  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
}

expander title > arrow:checked {
  -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
}

expander title > arrow:not(:hover):not(:active) {
  color: alpha(currentColor, 0.87);
}

expander title > arrow:selected {
  color: @theme_base_color;
}

expander title > label:dir(ltr) {
  padding-left: 0.3rem;
}

expander title > label:dir(rtl) {
  padding-right: 0.3rem;
}

calendar {
  margin: 0.6rem 0;
  padding: 0.4rem 0.1rem 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.09);
  color: @theme_fg_color;
}

calendar:selected {
  border: none;
  border-radius: 100px;
  color: @theme_base_color;
  background-color: transparent;
  background-image: -gtk-scaled(
    url('../assets/calendar-day-selected.png'),
    url('../assets/calendar-day-selected@2.png')
  );
  background-size: 1.45rem 1.45rem;
  background-position: center top;
  background-repeat: no-repeat;
}

calendar.header {
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.09);
}

calendar.button,
calendar.header.button {
  color: alpha(currentColor, 0.2);
  background-color: transparent;
}

calendar.button:hover,
calendar.header.button:hover {
  color: currentColor;
  background-color: alpha(currentColor, 0.12);
}

calendar.button:active,
calendar.header.button:active {
  color: currentColor;
}

calendar.button:disabled,
calendar.header.button:disabled {
  background-color: transparent;
}

calendar:indeterminate {
  color: alpha(currentColor, 0.2);
}

calendar.highlight {
  color: alpha(currentColor, 0.54);
  font-size: 90%;
  font-weight: 500;
}

messagedialog.background {
  color: @theme_text_color;
  background-color: rgba(34, 45, 50, 0.9);
}

messagedialog.background.csd {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

messagedialog.background.csd .titlebar {
  min-height: unset;
  background-color: rgba(34, 45, 50, 0.9);
}

messagedialog.background.solid-csd {
  background-color: #222d32;
}

messagedialog .titlebar {
  min-height: 33px;
  border-style: none;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: rgba(207, 216, 220, 0.87);
  background-color: #222d32;
}

messagedialog.background entry,
messagedialog.background spinbutton:not(.vertical),
messagedialog.background entry:focus,
messagedialog.background spinbutton:focus:not(.vertical),
messagedialog.background entry.combo,
messagedialog.background spinbutton.combo:not(.vertical),
messagedialog.background entry.combo:focus,
messagedialog.background spinbutton.combo:focus:not(.vertical) {
  color: @theme_text_color;
  caret-color: @theme_text_color;
}

messagedialog.background entry:disabled,
messagedialog.background spinbutton:disabled:not(.vertical),
messagedialog.background entry.combo:disabled,
messagedialog.background spinbutton.combo:disabled:not(.vertical) {
  color: rgba(207, 216, 220, 0.28);
}

messagedialog.background button {
  color: rgba(129, 196, 191, 0.87);
}

messagedialog.background button:hover,
messagedialog.background button:active,
messagedialog.background button:checked {
  color: #81c4bf;
}

messagedialog.background button:disabled {
  color: rgba(207, 216, 220, 0.28);
}

messagedialog.background button.combo {
  color: rgba(207, 216, 220, 0.87);
}

messagedialog.background button.combo:hover,
messagedialog.background button.combo:active,
messagedialog.background button.combo:checked {
  color: @theme_text_color;
}

messagedialog.background button.combo:disabled {
  color: rgba(207, 216, 220, 0.28);
}

messagedialog .linked > button {
  border: 2px solid transparent;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
  border-image: none;
  box-shadow: none;
}

messagedialog checkbutton.text-button,
messagedialog radiobutton.text-button {
  color: rgba(207, 216, 220, 0.87);
}

messagedialog checkbutton.text-button:hover,
messagedialog checkbutton.text-button:active,
messagedialog checkbutton.text-button:checked,
messagedialog radiobutton.text-button:hover,
messagedialog radiobutton.text-button:active,
messagedialog radiobutton.text-button:checked {
  color: @theme_text_color;
}

messagedialog checkbutton.text-button:disabled,
messagedialog checkbutton.text-button:disabled:active,
messagedialog checkbutton.text-button:disabled:indeterminate,
messagedialog radiobutton.text-button:disabled,
messagedialog radiobutton.text-button:disabled:active,
messagedialog radiobutton.text-button:disabled:indeterminate {
  color: rgba(207, 216, 220, 0.28);
}

messagedialog expander title label,
messagedialog expander title arrow {
  color: rgba(207, 216, 220, 0.87);
}

messagedialog expander title label:hover,
messagedialog expander title label:active,
messagedialog expander title arrow:hover,
messagedialog expander title arrow:active {
  color: @theme_text_color;
}

messagedialog expander textview.view,
messagedialog expander textview.view > text {
  background-color: @theme_base_color;
  color: @theme_fg_color;
  caret-color: @theme_fg_color;
}

messagedialog.background .dialog-action-area button,
messagedialog.background .dialog-action-area .linked > button,
messagedialog.csd.background .dialog-action-area button,
messagedialog.csd.background .dialog-action-area .linked > button {
  border: 2px solid transparent;
  border-radius: 0;
  background-color: transparent;
  color: rgba(129, 196, 191, 0.87);
  font-size: initial;
  font-weight: 700;
}

messagedialog.background .dialog-action-area button:hover,
messagedialog.background .dialog-action-area .linked > button:hover,
messagedialog.csd.background .dialog-action-area button:hover,
messagedialog.csd.background .dialog-action-area .linked > button:hover {
  background-color: transparent;
  color: #81c4bf;
}

messagedialog.background .dialog-action-area button:active,
messagedialog.background .dialog-action-area .linked > button:active,
messagedialog.csd.background .dialog-action-area button:active,
messagedialog.csd.background .dialog-action-area .linked > button:active {
  background-color: transparent;
  color: #81c4bf;
}

messagedialog.background .dialog-action-area button:checked,
messagedialog.background .dialog-action-area .linked > button:checked,
messagedialog.csd.background .dialog-action-area button:checked,
messagedialog.csd.background .dialog-action-area .linked > button:checked {
  background-color: transparent;
  color: rgba(129, 196, 191, 0.87);
}

messagedialog.background .dialog-action-area button:disabled,
messagedialog.background .dialog-action-area .linked > button:disabled,
messagedialog.csd.background .dialog-action-area button:disabled,
messagedialog.csd.background .dialog-action-area .linked > button:disabled {
  color: rgba(207, 216, 220, 0.4);
}

messagedialog.background .dialog-action-area button:first-child,
messagedialog.background .dialog-action-area .linked > button:first-child,
messagedialog.csd.background .dialog-action-area button:first-child,
messagedialog.csd.background .dialog-action-area .linked > button:first-child {
  border-radius: 0 0 0 2px;
  border-right-width: 0;
}

messagedialog.background .dialog-action-area button:last-child,
messagedialog.background .dialog-action-area .linked > button:last-child,
messagedialog.csd.background .dialog-action-area button:last-child,
messagedialog.csd.background .dialog-action-area .linked > button:last-child {
  border-radius: 0 0 2px 0;
  border-left-width: 0;
}

filechooser .dialog-action-box {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}

filechooser #pathbarbox {
  border-bottom: 0 none transparent;
  background-color: @theme_bg_color;
}

filechooser box > paned.horizontal > separator {
  background-image: image(@borders);
}

filechooser treeview.view header button {
  background-color: @theme_bg_color;
}

filechooserbutton:drop(active) {
  box-shadow: none;
  border-color: transparent;
}

stacksidebar .frame list,
.tweak-categories,
.sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow,
.sidebar-paned scrolledwindow,
.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal,
.gedit-document-panel,
list.contacts-view,
window.background > box.vertical > stack > box.horizontal list.categories,
.background.csd > box.horizontal > frame > scrolledwindow,
.background.csd > box.vertical > paned.horizontal > scrolledwindow,
.background.solid-csd > box.vertical > paned.horizontal > scrolledwindow,
scrolledwindow.category-sidebar.frame > viewport.frame > list,
window.background
  > grid.vertical
  > stack
  > paned.horizontal
  > widget
  grid.vertical
  > scrolledwindow,
.caja-navigation-window .caja-side-pane scrolledwindow {
  background-color: #f7f9f9;
}

stacksidebar .frame list:dir(ltr),
.tweak-categories:dir(ltr),
.sidebar.vertical
  > paned.sidebar-pane-separator
  .folder-frame
  > scrolledwindow:dir(ltr),
.sidebar-paned scrolledwindow:dir(ltr),
.gedit-side-panel-paned.horizontal
  > box.vertical
  > stack
  > grid.horizontal:dir(ltr),
.gedit-document-panel:dir(ltr),
list.contacts-view:dir(ltr),
window.background
  > box.vertical
  > stack
  > box.horizontal
  list.categories:dir(ltr),
.background.csd > box.horizontal > frame > scrolledwindow:dir(ltr),
.background.csd > box.vertical > paned.horizontal > scrolledwindow:dir(ltr),
.background.solid-csd
  > box.vertical
  > paned.horizontal
  > scrolledwindow:dir(ltr),
scrolledwindow.category-sidebar.frame > viewport.frame > list:dir(ltr),
window.background
  > grid.vertical
  > stack
  > paned.horizontal
  > widget
  grid.vertical
  > scrolledwindow:dir(ltr),
.caja-navigation-window .caja-side-pane scrolledwindow:dir(ltr) {
  box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05),
    inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05);
}

stacksidebar .frame list:dir(rtl),
.tweak-categories:dir(rtl),
.sidebar.vertical
  > paned.sidebar-pane-separator
  .folder-frame
  > scrolledwindow:dir(rtl),
.sidebar-paned scrolledwindow:dir(rtl),
.gedit-side-panel-paned.horizontal
  > box.vertical
  > stack
  > grid.horizontal:dir(rtl),
.gedit-document-panel:dir(rtl),
list.contacts-view:dir(rtl),
window.background
  > box.vertical
  > stack
  > box.horizontal
  list.categories:dir(rtl),
.background.csd > box.horizontal > frame > scrolledwindow:dir(rtl),
.background.csd > box.vertical > paned.horizontal > scrolledwindow:dir(rtl),
.background.solid-csd
  > box.vertical
  > paned.horizontal
  > scrolledwindow:dir(rtl),
scrolledwindow.category-sidebar.frame > viewport.frame > list:dir(rtl),
window.background
  > grid.vertical
  > stack
  > paned.horizontal
  > widget
  grid.vertical
  > scrolledwindow:dir(rtl),
.caja-navigation-window .caja-side-pane scrolledwindow:dir(rtl) {
  box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05),
    inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05);
}

.sidebar treeview.view,
.sidebar.vertical
  > paned.sidebar-pane-separator
  .folder-frame
  > scrolledwindow
  treeview.view.sidebar,
.sidebar-paned treeview.view.sidebar,
.background.csd > box.horizontal > frame > scrolledwindow treeview.view,
.background.csd
  > box.vertical
  > paned.horizontal
  > scrolledwindow
  treeview.view,
.background.solid-csd
  > box.vertical
  > paned.horizontal
  > scrolledwindow
  treeview.view {
  background-color: transparent;
  box-shadow: none;
  font-weight: 500;
}

.sidebar treeview.view:selected,
.sidebar.vertical
  > paned.sidebar-pane-separator
  .folder-frame
  > scrolledwindow
  treeview.view.sidebar:selected,
.sidebar-paned treeview.view.sidebar:selected,
.background.csd
  > box.horizontal
  > frame
  > scrolledwindow
  treeview.view:selected,
.background.csd
  > box.vertical
  > paned.horizontal
  > scrolledwindow
  treeview.view:selected,
.background.solid-csd
  > box.vertical
  > paned.horizontal
  > scrolledwindow
  treeview.view:selected,
.sidebar treeview.view:selected:focus,
.sidebar.vertical
  > paned.sidebar-pane-separator
  .folder-frame
  > scrolledwindow
  treeview.view.sidebar:selected:focus,
.sidebar-paned treeview.view.sidebar:selected:focus,
.background.csd
  > box.horizontal
  > frame
  > scrolledwindow
  treeview.view:selected:focus,
.background.csd
  > box.vertical
  > paned.horizontal
  > scrolledwindow
  treeview.view:selected:focus,
.background.solid-csd
  > box.vertical
  > paned.horizontal
  > scrolledwindow
  treeview.view:selected:focus {
  background-color: transparent;
  color: @theme_selected_bg_color;
}

.sidebar {
  border: none;
  color: rgba(38, 50, 56, 0.87);
  background-color: #f7f9f9;
}

.sidebar:dir(ltr),
.sidebar list:dir(ltr) {
  box-shadow: inset -2px 2px 2px -2px rgba(0, 0, 0, 0.05),
    inset -3px 3px 3px -2px rgba(0, 0, 0, 0.05);
}

.sidebar:dir(rtl),
.sidebar list:dir(rtl) {
  box-shadow: inset 2px 2px 2px -2px rgba(0, 0, 0, 0.05),
    inset 3px 3px 3px -2px rgba(0, 0, 0, 0.05);
}

.sidebar .frame,
.sidebar list {
  background-color: transparent;
}

.sidebar .frame list {
  box-shadow: none;
}

.sidebar list,
.sidebar row {
  color: rgba(38, 50, 56, 0.87);
  background-color: transparent;
  font-weight: 500;
}

.sidebar list:hover,
.sidebar row:hover {
  color: @theme_fg_color;
}

.sidebar list:selected,
.sidebar row:selected {
  color: @theme_selected_bg_color;
  background-color: transparent;
}

.sidebar list:selected label,
.sidebar row:selected label {
  color: @theme_selected_bg_color;
}

.sidebar overshoot,
.sidebar undershoot {
  box-shadow: none;
}

stacksidebar row {
  padding: 0.4rem 0.6rem 0.5rem;
  color: rgba(38, 50, 56, 0.87);
  background-color: transparent;
  font-weight: 500;
}

stacksidebar row > label {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

stacksidebar row:hover {
  color: @theme_fg_color;
}

stacksidebar row:selected {
  color: @theme_selected_bg_color;
  background-color: transparent;
}

stacksidebar row:selected label {
  color: @theme_selected_bg_color;
}

stacksidebar row:backdrop {
  opacity: 1;
}

stacksidebar separator,
stacksidebar .separator {
  min-height: 0;
  border-color: transparent;
  background-color: transparent;
}

placessidebar list,
placessidebar row {
  background-color: #f7f9f9;
}

placessidebar row {
  padding: 0;
}

placessidebar row > revealer {
  padding: 0.3rem 1.05rem 0.3rem 0.9rem;
}

placessidebar row image.sidebar-icon {
  padding: 0.3rem 0;
  opacity: 0.87;
}

placessidebar row image.sidebar-icon:dir(ltr) {
  padding-right: 0.4rem;
}

placessidebar row image.sidebar-icon:dir(rtl) {
  padding-left: 0.4rem;
}

placessidebar row label.sidebar-label {
  padding: 0.2rem 0 0.3rem;
}

placessidebar row label.sidebar-label:dir(ltr) {
  padding-right: 0.15rem;
}

placessidebar row label.sidebar-label:dir(rtl) {
  padding-left: 0.15rem;
}

placessidebar row button.image-button {
  background-color: transparent;
  margin: 0;
  padding: 0.3rem;
}

placessidebar row button.image-button:disabled {
  background-color: transparent;
}

placessidebar row button.image-button:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
}

placessidebar row:selected {
  color: @theme_selected_bg_color;
}

placessidebar row:selected label {
  color: @theme_selected_bg_color;
}

placessidebar row:selected button.image-button {
  color: @theme_selected_bg_color;
}

placessidebar row:selected button.image-button:hover,
placessidebar row:selected button.image-button:active {
  color: #40cddf;
}

placessidebar row:selected:disabled label {
  color: rgba(255, 255, 255, 0.4);
}

placessidebar row.sidebar-placeholder-row {
  border: solid 1px @theme_selected_bg_color;
}

placessidebar row.sidebar-new-bookmark-row {
  color: @theme_selected_bg_color;
}

placessidebar row:drop(active):not(:disabled) {
  color: #4db6ac;
  background-color: rgba(77, 182, 172, 0.2);
}

placessidebar row:drop(active):not(:disabled):dir(ltr) {
  box-shadow: inset 4px 0 #4db6ac;
}

placessidebar row:drop(active):not(:disabled):dir(rtl) {
  box-shadow: inset -4px 0 #4db6ac;
}

placessidebar row:drop(active):not(:disabled):selected {
  background-color: #4db6ac;
}

placessidebar row:drop(active):not(:disabled):selected,
placessidebar row:drop(active):not(:disabled):selected .sidebar-label,
placessidebar row:drop(active):not(:disabled):selected .sidebar-icon {
  color: @theme_base_color;
}

placesview row.activatable:hover {
  background-color: transparent;
}

placesview > actionbar > revealer > box > label {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

paned > separator {
  min-width: 1px;
  min-height: 1px;
  border-style: none;
  background-color: transparent;
  -gtk-icon-source: none;
  background-image: image(rgba(0, 0, 0, 0.09));
  background-size: 1px 1px;
  transition: none;
}

paned > separator:backdrop,
paned > separator:selected {
  background-image: image(@borders);
  transition: none;
}

window paned > separator,
window paned > separator:backdrop,
window paned > separator:selected {
  background-image: image(rgba(0, 0, 0, 0.05));
  transition: none;
}

window > grid.vertical paned > separator,
window > grid.vertical paned > separator:backdrop,
window > grid.vertical paned > separator:selected {
  background-image: image(@borders);
  transition: none;
}

paned > separator.wide,
button paned > separator,
button paned > .separator,
stacksidebar paned > separator,
stacksidebar paned > .separator {
  min-width: 0.45rem;
  min-height: 0.45rem;
  margin: 0;
  padding: 0;
  background-color: @theme_bg_color;
  background-image: image(@borders), image(@borders);
  background-size: 1px 1px, 1px 1px;
}

paned > separator.wide:backdrop,
button paned > separator:backdrop,
button paned > .separator:backdrop,
stacksidebar paned > separator:backdrop,
stacksidebar paned > .separator:backdrop,
paned > separator.wide:selected,
button paned > separator:selected,
button paned > .separator:selected,
stacksidebar paned > separator:selected,
stacksidebar paned > .separator:selected {
  background-image: image(@borders), image(@borders);
}

paned.horizontal > separator {
  background-repeat: repeat-y;
}

paned.horizontal > separator:dir(ltr) {
  margin: 0 -0.6rem 0 0;
  padding: 0 0.6rem 0 0;
  background-position: left;
}

paned.horizontal > separator:dir(rtl) {
  margin: 0 0 0 -0.6rem;
  padding: 0 0 0 0.6rem;
  background-position: right;
}

paned.horizontal > separator.wide,
button paned.horizontal > separator,
button paned.horizontal > .separator,
stacksidebar paned.horizontal > separator,
stacksidebar paned.horizontal > .separator {
  background-repeat: repeat-y, repeat-y;
  background-position: left, right;
}

paned.horizontal > separator.wide:dir(ltr),
button paned.horizontal > separator:dir(ltr),
button paned.horizontal > .separator:dir(ltr),
stacksidebar paned.horizontal > separator:dir(ltr),
stacksidebar paned.horizontal > .separator:dir(ltr),
paned.horizontal > separator.wide:dir(rtl),
button paned.horizontal > separator:dir(rtl),
button paned.horizontal > .separator:dir(rtl),
stacksidebar paned.horizontal > separator:dir(rtl),
stacksidebar paned.horizontal > .separator:dir(rtl) {
  margin: 0;
  padding: 0;
}

paned.vertical > separator {
  margin: 0 0 -0.6rem 0;
  padding: 0 0 0.6rem 0;
  background-repeat: repeat-x;
  background-position: top;
}

paned.vertical > separator.wide,
button paned.vertical > separator,
button paned.vertical > .separator,
stacksidebar paned.vertical > separator,
stacksidebar paned.vertical > .separator {
  margin: 0;
  padding: 0;
  background-repeat: repeat-x, repeat-x;
  background-position: bottom, top;
}

infobar,
NautilusTrashBar {
  padding: 0.4rem;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: @borders;
  background-color: #f7f9f9;
}

infobar.info:not(.error),
NautilusTrashBar.info:not(.error),
infobar.question:not(.error),
NautilusTrashBar.question:not(.error),
infobar.warning:not(.error),
NautilusTrashBar.warning:not(.error),
infobar.error:not(.error),
NautilusTrashBar.error:not(.error) {
  color: rgba(38, 50, 56, 0.87);
}

infobar.info button,
NautilusTrashBar.info button,
infobar.question button,
NautilusTrashBar.question button,
infobar.warning button,
NautilusTrashBar.warning button,
infobar.error button,
NautilusTrashBar.error button {
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
}

infobar.info button:hover,
NautilusTrashBar.info button:hover,
infobar.question button:hover,
NautilusTrashBar.question button:hover,
infobar.warning button:hover,
NautilusTrashBar.warning button:hover,
infobar.error button:hover,
NautilusTrashBar.error button:hover {
  background-color: transparent;
  color: @theme_fg_color;
}

infobar.info button:active,
NautilusTrashBar.info button:active,
infobar.question button:active,
NautilusTrashBar.question button:active,
infobar.warning button:active,
NautilusTrashBar.warning button:active,
infobar.error button:active,
NautilusTrashBar.error button:active {
  background-color: transparent;
  color: @theme_fg_color;
}

infobar.info button:checked,
NautilusTrashBar.info button:checked,
infobar.question button:checked,
NautilusTrashBar.question button:checked,
infobar.warning button:checked,
NautilusTrashBar.warning button:checked,
infobar.error button:checked,
NautilusTrashBar.error button:checked {
  background-color: transparent;
  color: @theme_fg_color;
}

infobar.info button:disabled,
NautilusTrashBar.info button:disabled,
infobar.question button:disabled,
NautilusTrashBar.question button:disabled,
infobar.warning button:disabled,
NautilusTrashBar.warning button:disabled,
infobar.error button:disabled,
NautilusTrashBar.error button:disabled {
  color: rgba(38, 50, 56, 0.28);
}

infobar.info button.flat,
NautilusTrashBar.info button.flat,
infobar.question button.flat,
NautilusTrashBar.question button.flat,
infobar.warning button.flat,
NautilusTrashBar.warning button.flat,
infobar.error button.flat,
NautilusTrashBar.error button.flat {
  color: rgba(38, 50, 56, 0.87);
}

infobar.info button.flat:hover,
NautilusTrashBar.info button.flat:hover,
infobar.info button.flat:active,
NautilusTrashBar.info button.flat:active,
infobar.question button.flat:hover,
NautilusTrashBar.question button.flat:hover,
infobar.question button.flat:active,
NautilusTrashBar.question button.flat:active,
infobar.warning button.flat:hover,
NautilusTrashBar.warning button.flat:hover,
infobar.warning button.flat:active,
NautilusTrashBar.warning button.flat:active,
infobar.error button.flat:hover,
NautilusTrashBar.error button.flat:hover,
infobar.error button.flat:active,
NautilusTrashBar.error button.flat:active {
  color: @theme_fg_color;
}

infobar.info button.flat:disabled,
NautilusTrashBar.info button.flat:disabled,
infobar.question button.flat:disabled,
NautilusTrashBar.question button.flat:disabled,
infobar.warning button.flat:disabled,
NautilusTrashBar.warning button.flat:disabled,
infobar.error button.flat:disabled,
NautilusTrashBar.error button.flat:disabled {
  color: rgba(38, 50, 56, 0.28);
}

infobar.info button.image-button:not(.text-button),
NautilusTrashBar.info button.image-button:not(.text-button),
infobar.info button.close,
NautilusTrashBar.info button.close,
infobar.question button.image-button:not(.text-button),
NautilusTrashBar.question button.image-button:not(.text-button),
infobar.question button.close,
NautilusTrashBar.question button.close,
infobar.warning button.image-button:not(.text-button),
NautilusTrashBar.warning button.image-button:not(.text-button),
infobar.warning button.close,
NautilusTrashBar.warning button.close,
infobar.error button.image-button:not(.text-button),
NautilusTrashBar.error button.image-button:not(.text-button),
infobar.error button.close,
NautilusTrashBar.error button.close {
  min-height: 16px;
  min-width: 16px;
  padding: 0.8rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

infobar.info selection,
NautilusTrashBar.info selection,
infobar.question selection,
NautilusTrashBar.question selection,
infobar.warning selection,
NautilusTrashBar.warning selection,
infobar.error selection,
NautilusTrashBar.error selection {
  background-color: #008fa1;
}

infobar.info *:link,
NautilusTrashBar.info *:link,
infobar.info button.flat.link,
NautilusTrashBar.info button.flat.link,
infobar.question *:link,
NautilusTrashBar.question *:link,
infobar.question button.flat.link,
NautilusTrashBar.question button.flat.link,
infobar.warning *:link,
NautilusTrashBar.warning *:link,
infobar.warning button.flat.link,
NautilusTrashBar.warning button.flat.link,
infobar.error *:link,
NautilusTrashBar.error *:link,
infobar.error button.flat.link,
NautilusTrashBar.error button.flat.link {
  color: #ccf2f6;
}

infobar.info progressbar trough,
NautilusTrashBar.info progressbar trough,
infobar.question progressbar trough,
NautilusTrashBar.question progressbar trough,
infobar.warning progressbar trough,
NautilusTrashBar.warning progressbar trough,
infobar.error progressbar trough,
NautilusTrashBar.error progressbar trough {
  background-color: rgba(255, 255, 255, 0.2);
}

infobar.info progressbar progress,
NautilusTrashBar.info progressbar progress,
infobar.question progressbar progress,
NautilusTrashBar.question progressbar progress,
infobar.warning progressbar progress,
NautilusTrashBar.warning progressbar progress,
infobar.error progressbar progress,
NautilusTrashBar.error progressbar progress {
  background-color: @theme_base_color;
}

.info {
  background-color: #1de9b6;
}

.question {
  background-color: #ffea00;
}

.warning {
  background-color: #ff9100;
}

.error {
  color: @theme_base_color;
  background-color: #ff1744;
}

tooltip {
  box-shadow: none;
}

tooltip.background {
  border: 1px solid rgba(34, 45, 50, 0.9);
  background-color: rgba(255, 255, 255, 0.001);
  background-image: image(rgba(34, 45, 50, 0.901));
  background-clip: padding-box;
}

tooltip.background > box {
  padding: 1px 2px 2px;
}

tooltip decoration {
  background-color: transparent;
}

tooltip label,
tooltip image {
  color: @theme_text_color;
}

tooltip.csd {
  border-radius: 2px;
}

.tooltip:not(tooltip) {
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: rgba(34, 45, 50, 0.9);
}

.tooltip:not(tooltip) > label {
  color: @theme_text_color;
}

.tooltip:not(tooltip) > * > label {
  color: @theme_fg_color;
}

colorswatch {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

colorswatch.top,
colorswatch.top .overlay,
colorswatch.bottom,
colorswatch.bottom .overlay,
colorswatch.left,
colorswatch.left .overlay,
colorswatch.right,
colorswatch.right .overlay,
colorswatch:only-child,
colorswatch:only-child .overlay {
  border-radius: 0;
}

colorswatch:hover {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

GtkColorEditor colorswatch {
  border-radius: 0;
}

GtkColorEditor colorswatch:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

colorswatch.color-dark {
  color: white;
}

colorswatch.color-light {
  color: rgba(0, 0, 0, 0.8);
}

colorswatch#add-color-button {
  background-image: linear-gradient(
    to right,
    #ff1744 25%,
    #ff9100 25%,
    #ff9100 50%,
    #1de9b6 50%,
    #1de9b6 75%,
    #ffea00 75%
  );
  color: white;
}

colorchooser .popover.osd {
  padding: 3px;
  border-style: solid;
  border-width: 9px;
  border-radius: 2px;
  border-image: -gtk-scaled(
      url('../assets/osd-shadow.png'),
      url('../assets/osd-shadow@2.png')
    )
    10/10px stretch;
  box-shadow: none;
  color: @theme_text_color;
  background-color: #222d32;
}

colorchooser .popover.osd label {
  color: #81c4bf;
  font-weight: 700;
}

.content-view {
  background-color: @theme_bg_color;
}

@keyframes volume_hover {
  from {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.001,
      to(alpha(currentColor, 0)),
      to(transparent)
    );
  }
  to {
    background-image: -gtk-gradient(
      radial,
      center center,
      0,
      center center,
      0.5,
      to(alpha(currentColor, 0.12)),
      to(transparent)
    );
  }
}

.osd .scale-popup .vertical button,
.scale-popup .vertical button {
  border-radius: 100px;
  -gtk-outline-radius: 100px;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
}

.osd .scale-popup .vertical button:first-child:hover,
.scale-popup .vertical button:first-child:hover {
  background: none;
  color: #00e676;
  animation: volume_hover 0.2s linear forwards;
}

.osd .scale-popup .vertical button:first-child:disabled,
.scale-popup .vertical button:first-child:disabled {
  background: none;
  color: rgba(0, 230, 118, 0.4);
}

.osd .scale-popup .vertical button:last-child:hover,
.scale-popup .vertical button:last-child:hover {
  background: none;
  color: #f44336;
  animation: volume_hover 0.2s linear forwards;
}

.osd .scale-popup .vertical button:last-child:disabled,
.scale-popup .vertical button:last-child:disabled {
  background: none;
  color: rgba(244, 67, 54, 0.4);
}

.osd .scale-popup button,
.scale-popup button {
  border-radius: 100px;
  -gtk-outline-radius: 100px;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
}

.osd .scale-popup button:first-child:hover,
.scale-popup button:first-child:hover {
  background: none;
  color: #f44336;
  animation: spin_hover 0.2s linear forwards;
}

.osd .scale-popup button:first-child:disabled,
.scale-popup button:first-child:disabled {
  background: none;
  color: rgba(244, 67, 54, 0.4);
}

.osd .scale-popup button:last-child:hover,
.scale-popup button:last-child:hover {
  background: none;
  color: #00e676;
  animation: spin_hover 0.2s linear forwards;
}

.osd .scale-popup button:last-child:disabled,
.scale-popup button:last-child:disabled {
  background: none;
  color: rgba(0, 230, 118, 0.4);
}

button.flat.scale {
  min-width: 16px;
  min-height: 16px;
  padding: 0.8rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

.floating-bar button {
  min-height: 2.1rem;
  min-width: 2.1rem;
  margin: 0;
  padding: 0;
}

.floating-bar {
  padding: 0;
  border: 1px solid transparent;
  border-radius: 0;
  color: rgba(207, 216, 220, 0.87);
  background-color: #222d32;
  font-size: 90%;
  transition: none;
}

.floating-bar label {
  min-height: 2.1rem;
}

.floating-bar button {
  color: rgba(129, 196, 191, 0.87);
}

.floating-bar button:hover,
.floating-bar button:active,
.floating-bar button:checked {
  color: #81c4bf;
}

.floating-bar button:disabled {
  color: rgba(129, 196, 191, 0.4);
}

.floating-bar.bottom.left {
  border-width: 1px 1px 0 0;
  border-radius: 0 3px 0 0;
}

.floating-bar.bottom.right {
  border-width: 1px 0 0 1px;
  border-radius: 3px 0 0 0;
}

decoration {
  border-radius: 2px 2px 0 0;
  border-width: 0;
  box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
  margin: 8px;
}

decoration:backdrop {
  box-shadow: 0 6px 8px -4px transparent, 0 10px 6px transparent,
    0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.fullscreen decoration,
.maximized decoration,
.tiled decoration {
  border-radius: 0;
}

.popup decoration {
  box-shadow: none;
}

.ssd decoration {
  box-shadow: 0 2px 2px transparent, 0 3px 4px transparent,
    0 3px 3px -1px rgba(0, 0, 0, 0.08);
}

.tiled.ssd decoration {
  box-shadow: 0 2px 2px transparent, 0 3px 4px transparent, 1px 0 #13191c,
    -1px 0 #13191c;
}

.csd.popup decoration {
  border-radius: 2px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2);
}

tooltip.csd decoration {
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

message-dialog.csd decoration {
  border-radius: 2px;
  box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2);
}

message-dialog.csd decoration:backdrop {
  box-shadow: 0 6px 8px -4px transparent, 0 10px 6px transparent,
    0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.solid-csd decoration {
  margin: 0;
  padding: 3px;
  border-radius: 0;
  border: none;
  background-color: @borders;
  box-shadow: inset 0 0 0 2px #222d32, inset 0 1px #29353b;
}

.view:selected,
iconview:selected,
.view:selected:focus,
iconview:selected:focus,
.view text:selected,
iconview text:selected,
.view text:selected:focus,
iconview text:selected:focus,
textview text:selected,
textview text:selected:focus,
.view text selection,
iconview text selection,
.view text selection:focus,
iconview text selection:focus,
textview text selection,
textview text selection:focus,
flowbox flowboxchild:selected,
label selection,
label selection:focus,
.background entry selection,
.background entry selection:focus,
entry selection,
spinbutton:not(.vertical) selection,
entry selection:focus,
treeview spinbutton entry:focus:selected,
treeview spinbutton spinbutton:focus:selected:not(.vertical),
.background combobox entry.combo selection,
.background combobox spinbutton.combo:not(.vertical) selection,
.background combobox entry.combo selection:focus,
treeview.view:selected,
treeview.view row:selected,
paned treeview.view:selected,
paned treeview.view row:selected,
row:selected,
row:selected entry selection,
row:selected spinbutton:not(.vertical) selection,
row:selected entry selection:focus,
row:selected entry.flat selection,
row:selected entry.flat selection:focus,
row:selected spinbutton.flat:not(.vertical) selection:focus,
.conflict-row:selected,
.polari-room-list list.sidebar > row.activatable:selected,
.polari-room-list list.sidebar > row.activatable:backdrop:selected,
.polari-room-list list.sidebar > row.activatable.inactive:selected,
.polari-room-list list.sidebar > row.activatable.inactive:backdrop:selected,
dockstack > stack > dockwidget treeview.project-tree.view:selected,
dockstack > stack > dockwidget treeview.project-tree.view:selected:focus,
dockstack > stack > devhelppanel treeview.view:selected,
dockstack > stack > devhelppanel treeview.view:selected:focus,
window.background
  > box.vertical
  paned.horizontal
  > widget
  > notebook.switcher-visible
  widget
  > scrolledwindow
  treeview.view:selected,
window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:selected,
window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:checked,
window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:backdrop:selected,
window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:backdrop:checked,
.nemo-window .nemo-window-pane scrolledwindow widget > widget.entry:selected,
.nemo-window
  .nemo-window-pane
  scrolledwindow
  widget
  > widget.entry:focus:selected,
window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  iconview:selected,
window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  iconview.view:selected,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  iconview:selected,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  iconview.view:selected,
#MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected,
#MozillaGtkWidget.background
  > widget
  > scrolledwindow
  > textview
  text:selected:focus,
#MozillaGtkWidget.background
  > widget
  > scrolledwindow
  > textview
  text
  selection,
.caja-desktop > widget.entry:selected,
.caja-desktop > widget.entry:focus:selected,
.caja-navigation-window .caja-side-pane scrolledwindow treeview.view:selected,
.caja-navigation-window scrolledwindow widget > widget.entry:selected,
.caja-navigation-window scrolledwindow widget > widget.entry:focus:selected,
.atril-window scrolledwindow.frame > .view:selected,
.atril-window scrolledwindow.frame > iconview:selected,
.atril-window scrolledwindow.frame > .view:active,
.atril-window scrolledwindow.frame > iconview:active,
.xreader-window scrolledwindow.frame > .view:selected,
.xreader-window scrolledwindow.frame > iconview:selected,
.xreader-window scrolledwindow.frame > .view:active,
.xreader-window scrolledwindow.frame > iconview:active,
window.background:not(.solid-csd) > box.vertical > widget widget:selected,
window.background:not(.solid-csd) > box.vertical > box.vertical widget:selected,
window#wb_main_window treeview.view:selected,
window#wb_main_window treeview.view:selected:focus {
  background-color: @theme_selected_bg_color;
  color: @theme_base_color;
}

.view:disabled:selected,
iconview:disabled:selected,
iconview:disabled:selected:focus,
.view text:disabled:selected,
iconview text:disabled:selected,
iconview text:disabled:selected:focus,
textview text:disabled:selected,
.view text selection:disabled,
iconview text selection:disabled,
iconview text selection:disabled:focus,
textview text selection:disabled,
flowbox flowboxchild:disabled:selected,
label selection:disabled,
entry selection:disabled,
spinbutton:not(.vertical) selection:disabled,
treeview spinbutton entry:disabled:focus:selected,
treeview spinbutton spinbutton:disabled:focus:selected:not(.vertical),
.background combobox entry.combo selection:disabled,
.background combobox spinbutton.combo:not(.vertical) selection:disabled,
treeview.view row:disabled:selected,
row:disabled:selected,
row:selected entry selection:disabled,
row:selected spinbutton:not(.vertical) selection:disabled:focus,
row:selected spinbutton.flat:not(.vertical) selection:disabled,
row:selected entry.flat selection:disabled:focus,
.conflict-row:disabled:selected,
.polari-room-list list.sidebar > row.activatable:disabled:selected,
.polari-room-list
  list.sidebar
  > row.activatable.inactive:disabled:backdrop:selected,
dockstack > stack > dockwidget treeview.project-tree.view:disabled:selected,
dockstack > stack > devhelppanel treeview.view:disabled:selected:focus,
window.background
  > box.vertical
  paned.horizontal
  > widget
  > notebook.switcher-visible
  widget
  > scrolledwindow
  treeview.view:disabled:selected,
window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:disabled:selected,
window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:disabled:checked,
.nemo-window
  .nemo-window-pane
  scrolledwindow
  widget
  > widget.entry:disabled:selected,
window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  iconview:disabled:selected,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  iconview:disabled:selected,
#MozillaGtkWidget.background
  > widget
  > scrolledwindow
  > textview
  text:disabled:selected,
#MozillaGtkWidget.background
  > widget
  > scrolledwindow
  > textview
  text
  selection:disabled,
.caja-desktop > widget.entry:disabled:selected,
.caja-navigation-window
  .caja-side-pane
  scrolledwindow
  treeview.view:disabled:selected,
.caja-navigation-window scrolledwindow widget > widget.entry:disabled:selected,
.atril-window scrolledwindow.frame > .view:disabled:selected,
.atril-window scrolledwindow.frame > iconview:disabled:selected,
.atril-window scrolledwindow.frame > .view:disabled:active,
.atril-window scrolledwindow.frame > iconview:disabled:active,
.xreader-window scrolledwindow.frame > .view:disabled:selected,
.xreader-window scrolledwindow.frame > iconview:disabled:selected,
.xreader-window scrolledwindow.frame > .view:disabled:active,
.xreader-window scrolledwindow.frame > iconview:disabled:active,
window.background:not(.solid-csd)
  > box.vertical
  > widget
  widget:disabled:selected,
window.background:not(.solid-csd)
  > box.vertical
  > box.vertical
  widget:disabled:selected,
window#wb_main_window treeview.view:disabled:selected,
.view:disabled:backdrop:selected,
iconview:disabled:backdrop:selected,
.view text:disabled:backdrop:selected,
iconview text:disabled:backdrop:selected,
textview text:disabled:backdrop:selected,
.view text selection:disabled:backdrop,
iconview text selection:disabled:backdrop,
textview text selection:disabled:backdrop,
flowbox flowboxchild:disabled:backdrop:selected,
label selection:disabled:backdrop,
entry selection:disabled:backdrop,
spinbutton:not(.vertical) selection:disabled:backdrop,
treeview spinbutton entry:disabled:backdrop:focus:selected,
treeview spinbutton spinbutton:disabled:backdrop:focus:selected:not(.vertical),
.background combobox entry.combo selection:disabled:backdrop,
.background
  combobox
  spinbutton.combo:not(.vertical)
  selection:disabled:backdrop:focus,
row:disabled:backdrop:selected,
row:selected entry selection:disabled:backdrop:focus,
row:selected entry.flat selection:disabled:backdrop,
row:selected spinbutton.flat:not(.vertical) selection:disabled:backdrop:focus,
.conflict-row:disabled:backdrop:selected,
.polari-room-list list.sidebar > row.activatable:disabled:backdrop:selected,
dockstack
  > stack
  > dockwidget
  treeview.project-tree.view:disabled:backdrop:selected:focus,
window.background
  > box.vertical
  paned.horizontal
  > widget
  > notebook.switcher-visible
  widget
  > scrolledwindow
  treeview.view:disabled:backdrop:selected,
window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:disabled:backdrop:selected,
window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:disabled:backdrop:checked,
.nemo-window
  .nemo-window-pane
  scrolledwindow
  widget
  > widget.entry:disabled:backdrop:selected,
window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  iconview:disabled:backdrop:selected,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  iconview:disabled:backdrop:selected,
#MozillaGtkWidget.background
  > widget
  > scrolledwindow
  > textview
  text:disabled:backdrop:selected,
#MozillaGtkWidget.background
  > widget
  > scrolledwindow
  > textview
  text
  selection:disabled:backdrop,
.caja-desktop > widget.entry:disabled:backdrop:selected,
.caja-navigation-window
  .caja-side-pane
  scrolledwindow
  treeview.view:disabled:backdrop:selected,
.caja-navigation-window
  scrolledwindow
  widget
  > widget.entry:disabled:backdrop:selected,
.atril-window scrolledwindow.frame > .view:disabled:backdrop:selected,
.atril-window scrolledwindow.frame > iconview:disabled:backdrop:selected,
.atril-window scrolledwindow.frame > .view:disabled:backdrop:active,
.atril-window scrolledwindow.frame > iconview:disabled:backdrop:active,
.xreader-window scrolledwindow.frame > .view:disabled:backdrop:selected,
.xreader-window scrolledwindow.frame > iconview:disabled:backdrop:selected,
.xreader-window scrolledwindow.frame > .view:disabled:backdrop:active,
.xreader-window scrolledwindow.frame > iconview:disabled:backdrop:active,
window.background:not(.solid-csd)
  > box.vertical
  > widget
  widget:disabled:backdrop:selected,
window.background:not(.solid-csd)
  > box.vertical
  > box.vertical
  widget:disabled:backdrop:selected,
window#wb_main_window treeview.view:disabled:backdrop:selected {
  color: rgba(255, 255, 255, 0.4);
}

.monospace {
  font-family: Monospace;
}

cursor-handle {
  border-style: none;
  background-color: #4db6ac;
  background-image: none;
  box-shadow: none;
}

cursor-handle.top:dir(ltr),
cursor-handle.bottom:dir(rtl) {
  padding-left: 10px;
}

cursor-handle.bottom:dir(ltr),
cursor-handle.top:dir(rtl) {
  padding-right: 10px;
}

cursor-handle.insertion-cursor:dir(ltr),
cursor-handle.insertion-cursor:dir(rtl) {
  -GtkWidget-text-handle-width: 20;
  -GtkWidget-text-handle-height: 25;
  -gtk-icon-source: -gtk-scaled(
    url('../assets/slider-horz-scale-has-marks-above.png'),
    url('../assets/slider-horz-scale-has-marks-above@2.png')
  );
}

.context-menu {
  font-weight: 400;
  font-size: 100%;
}

popover.touch-selection {
  color: @theme_fg_color;
  background-color: @theme_base_color;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
  font-weight: 400;
  font-size: 100%;
}

popover.touch-selection:backdrop {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.keycap {
  min-width: 1.5rem;
  min-height: 1.5rem;
  padding: 0.3rem 0.25rem 0.2rem;
  border: none;
  border-radius: 2px;
  color: @theme_text_color;
  background-color: #29353b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16),
    inset 0 1px rgba(255, 255, 255, 0.07);
  font-weight: 700;
}

*:not(decoration):not(window):drop(active),
*:not(decoration):not(window):drop(active):focus {
  border-color: #4db6ac;
  box-shadow: inset 0 0 0 1px #4db6ac;
  caret-color: #4db6ac;
}

panel-toplevel.background {
  background-color: #13191c;
}

panel-toplevel.background * {
  outline-width: 0;
}

panel-applet,
panel-plug,
panel-toplevel > grid.horizontal > widget > widget {
  color: @theme_text_color;
  background-color: #13191c;
  box-shadow: none;
}

.gnome-panel-menu-bar,
.lightdm-gtk-greeter #panel_window menubar,
window.background.lightdm menubar,
panel-applet > menubar,
#clock-applet-button {
  color: @theme_text_color;
  background-color: transparent;
  box-shadow: none;
  font-weight: 700;
}

.gnome-panel-menu-bar > .gnome-panel-menu-item,
.lightdm-gtk-greeter #panel_window menubar > .gnome-panel-menu-item,
window.background.lightdm menubar > .gnome-panel-menu-item,
.gnome-panel-menu-bar > menuitem,
.lightdm-gtk-greeter #panel_window menubar > menuitem,
window.background.lightdm menubar > menuitem,
panel-applet menubar > .gnome-panel-menu-item,
panel-applet menubar > menuitem {
  padding: 0 0.3rem;
  color: @theme_text_color;
  background-color: transparent;
}

.gnome-panel-menu-bar > .gnome-panel-menu-item:hover,
.lightdm-gtk-greeter #panel_window menubar > .gnome-panel-menu-item:hover,
window.background.lightdm menubar > .gnome-panel-menu-item:hover,
.gnome-panel-menu-bar > menuitem:hover,
.lightdm-gtk-greeter #panel_window menubar > menuitem:hover,
window.background.lightdm menubar > menuitem:hover,
panel-applet menubar > .gnome-panel-menu-item:hover,
panel-applet menubar > menuitem:hover {
  color: @theme_base_color;
  box-shadow: inset 0 -2px @theme_selected_bg_color;
}

wnck-tasklist > button.toggle,
#tasklist-button,
#clock-applet-button,
#showdesktop-button {
  padding: 0px 0.3rem;
  border: none;
  border-radius: 0;
  color: @theme_text_color;
  background-color: transparent;
}

wnck-tasklist > button.toggle:hover,
#tasklist-button:hover,
#clock-applet-button:hover,
#showdesktop-button:hover {
  color: @theme_base_color;
  background-color: transparent;
  box-shadow: inset 0 -2px alpha(currentColor, 0.2);
}

wnck-tasklist > button.toggle:checked,
wnck-tasklist > button.toggle:hover:checked,
wnck-tasklist > button.toggle:disabled:checked,
#tasklist-button:checked,
#tasklist-button:hover:checked,
#tasklist-button:disabled:checked,
#clock-applet-button:checked,
#clock-applet-button:hover:checked,
#clock-applet-button:disabled:checked,
#showdesktop-button:checked,
#showdesktop-button:hover:checked,
#showdesktop-button:disabled:checked {
  color: @theme_base_color;
  background-color: transparent;
  box-shadow: inset 0 -2px @theme_selected_bg_color;
}

wnck-tasklist > button.toggle,
wnck-tasklist > button.toggle label,
#tasklist-button,
#tasklist-button label {
  font-weight: 400;
}

wnck-pager {
  background-color: transparent;
  color: #798084;
  box-shadow: inset 0 0 0 1px rgba(207, 216, 220, 0.066);
}

wnck-pager:hover {
  background-color: alpha(currentColor, 0.12);
  color: @theme_text_color;
  box-shadow: inset 0 0 0 1px alpha(currentColor, 0.2);
}

wnck-pager:selected {
  background-color: rgba(0, 188, 212, 0.2);
  color: @theme_text_color;
  box-shadow: none;
}

na-tray-applet {
  -NaTrayApplet-icon-padding: 0 2;
  -NaTrayApplet-icon-size: 24;
}

gp-arrow-button {
  min-width: 1.5rem;
  min-height: 0;
  margin: 0 0.15rem;
  border: 1px solid transparent;
  background-image: none;
  color: @theme_text_color;
}

gp-arrow-button:hover,
gp-arrow-button:active {
  color: @theme_base_color;
}

sn-button {
  padding: 0 0.3rem;
}

.tweak-categories {
  background-image: image(#f7f9f9);
  color: rgba(38, 50, 56, 0.87);
}

.tweak-categories separator.horizontal {
  min-height: 0;
  border-color: transparent;
  background-color: transparent;
}

.tweak-category {
  border: none;
  color: rgba(38, 50, 56, 0.87);
  background-color: transparent;
  font-weight: 500;
}

.tweak-category:hover {
  color: @theme_fg_color;
}

.tweak-category:selected {
  color: @theme_selected_bg_color;
  background-color: transparent;
}

.tweak-category:selected label {
  color: @theme_selected_bg_color;
}

box.vertical > stack.main-container {
  margin: -20px;
}

box.vertical > stack.main-container > scrolledwindow {
  margin: 0;
}

list.tweak-group {
  padding: 20px;
}

list.tweak-group row.activatable:not(.tweak):hover {
  background-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0) 100%,
      transparent 0%
    ),
    image(alpha(currentColor, 0));
  background-color: transparent;
}

row.tweak:dir(ltr) {
  padding-left: 1rem;
}

row.tweak:dir(rtl) {
  padding-right: 1rem;
}

row.tweak,
row.tweak.title {
  min-height: 2.8rem;
}

row.tweak:hover,
row.tweak:active,
row.tweak.title:hover,
row.tweak.title:active {
  background-image: none;
  background-color: transparent;
  animation: none;
}

row.tweak.title {
  color: rgba(38, 50, 56, 0.54);
  font-weight: 700;
}

row.tweak.title:dir(ltr) {
  padding-left: 0;
}

row.tweak.title:dir(rtl) {
  padding-right: 0;
}

list.tweak-group-startup {
  padding: 20px;
  background-color: @theme_bg_color;
}

list.tweak-group-startup row.activatable {
  padding: 0.6rem;
  background-image: image(@theme_bg_color);
  background-repeat: repeat-x;
  background-size: auto;
  transition-duration: 0s;
}

list.tweak-group-startup row.activatable:hover > grid {
  background-image: image(rgba(38, 50, 56, 0.1044));
  transition: background-image 0.1s cubic-bezier(0, 0, 0.2, 1);
}

list.tweak-group-startup row.activatable:active {
  transition: none;
  animation: none;
}

list.tweak-group-startup row.activatable > grid {
  border-radius: 2px;
  padding: 0.6rem;
  transition: background-image 0.1s cubic-bezier(0, 0, 0.2, 1);
}

list.tweak-group-startup row.activatable > grid > button {
  color: rgba(255, 255, 255, 0.87);
  background-color: #ff5252;
}

list.tweak-group-startup row.activatable > grid > button:hover {
  color: @theme_base_color;
}

list.tweak-group-startup row.activatable > grid > button:active {
  color: @theme_base_color;
  background-color: @theme_selected_bg_color;
}

list.tweak-group-startup row.activatable > grid > button:checked {
  color: rgba(255, 255, 255, 0.87);
  background-color: #ff7575;
}

list.tweak-group-startup row.activatable > grid > button:disabled {
  background-color: transparent;
}

#gf-label-window,
#gf-bubble,
#gf-osd-window,
#gf-input-source-popup {
  border-radius: 2px;
}

#gf-label-window,
#gf-label-window.solid,
#gf-bubble,
#gf-bubble.solid,
#gf-osd-window,
#gf-osd-window.solid,
#gf-input-source-popup,
#gf-input-source-popup.solid {
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: rgba(34, 45, 50, 0.9);
  color: @theme_text_color;
}

#gf-label-window levelbar block:not(.empty),
#gf-label-window.solid levelbar block:not(.empty),
#gf-bubble levelbar block:not(.empty),
#gf-bubble.solid levelbar block:not(.empty),
#gf-osd-window levelbar block:not(.empty),
#gf-osd-window.solid levelbar block:not(.empty),
#gf-input-source-popup levelbar block:not(.empty),
#gf-input-source-popup.solid levelbar block:not(.empty) {
  background-color: #00e676;
}

#gf-label-window.solid,
#gf-bubble.solid,
#gf-osd-window.solid,
#gf-input-source-popup.solid {
  border-radius: 0;
}

#gf-bubble box.horizontal > button {
  min-width: 16px;
  min-height: 16px;
  padding: 0.5rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
  color: rgba(129, 196, 191, 0.87);
  background-color: rgba(77, 182, 172, 0.25);
}

#gf-bubble box.horizontal > button:hover {
  color: #81c4bf;
  background-color: rgba(77, 182, 172, 0.25);
}

#gf-bubble box.horizontal > button:active,
#gf-bubble box.horizontal > button:checked {
  color: #81c4bf;
  background-color: rgba(77, 182, 172, 0.25);
}

#gf-bubble box.horizontal > button:disabled {
  color: rgba(207, 216, 220, 0.28);
  background-color: transparent;
}

#gf-label-window {
  font-size: 3rem;
  font-weight: 400;
}

#gf-input-source {
  min-width: 9rem;
  min-height: 9rem;
  color: @theme_text_color;
  font-size: 3rem;
  font-weight: 400;
}

#gf-input-source:selected {
  border-radius: 2px;
  background-color: alpha(currentColor, 0.12);
  color: #81c4bf;
}

#gf-candidate-popup {
  border-radius: 2px;
}

#gf-candidate-popup,
#gf-candidate-popup.solid {
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: rgba(34, 45, 50, 0.9);
  color: rgba(207, 216, 220, 0.54);
}

#gf-candidate-popup.solid {
  border-radius: 0;
}

#gf-candidate-popup gf-candidate-box {
  border-radius: 2px;
  color: rgba(207, 216, 220, 0.87);
  transition: none;
}

#gf-candidate-popup gf-candidate-box label {
  padding: 0.2rem 0.6rem 0.3rem;
  font-size: 110%;
}

#gf-candidate-popup gf-candidate-box:hover {
  background-color: alpha(currentColor, 0.12);
  color: @theme_text_color;
}

#gf-candidate-popup gf-candidate-box:selected {
  background-color: #009688;
  color: @theme_base_color;
}

#gf-candidate-popup button,
#gf-candidate-popup button:first-child,
#gf-candidate-popup button:last-child,
#gf-candidate-popup .linked > button,
#gf-candidate-popup .linked > button:first-child,
#gf-candidate-popup .linked > button:last-child {
  background-color: transparent;
  border-radius: 0;
  border: none;
  background-color: transparent;
  color: rgba(129, 196, 191, 0.87);
  box-shadow: none;
}

#gf-candidate-popup button:disabled,
#gf-candidate-popup button:first-child:disabled,
#gf-candidate-popup button:last-child:disabled,
#gf-candidate-popup .linked > button:disabled,
#gf-candidate-popup .linked > button:first-child:disabled,
#gf-candidate-popup .linked > button:last-child:disabled {
  background-color: transparent;
}

#gf-candidate-popup button:checked,
#gf-candidate-popup button:first-child:checked,
#gf-candidate-popup button:last-child:checked,
#gf-candidate-popup .linked > button:checked,
#gf-candidate-popup .linked > button:first-child:checked,
#gf-candidate-popup .linked > button:last-child:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
}

.nautilus-desktop-window,
.nautilus-desktop-window notebook,
.nautilus-desktop-window notebook > stack {
  background: transparent;
}

.nautilus-desktop.nautilus-canvas-item,
.nemo-desktop.nemo-canvas-item,
.nautilus-desktop.nemo-canvas-item,
.nautilus-desktop.caja-canvas-item,
.caja-desktop.caja-canvas-item {
  color: @theme_base_color;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.26),
    0 2px 3px rgba(0, 0, 0, 0.32);
}

.nautilus-desktop.nautilus-canvas-item:selected,
.nemo-desktop.nemo-canvas-item:selected,
.nautilus-desktop.nemo-canvas-item:selected,
.nautilus-desktop.caja-canvas-item:selected,
.caja-desktop.caja-canvas-item:selected {
  text-shadow: none;
}

.background.nautilus-window:not(.nautilus-desktop-window):not(nautilus-desktop-window) {
  background-color: @theme_base_color;
}

.background.nautilus-window:not(.nautilus-desktop-window):not(nautilus-desktop-window)
  > grid
  > paned
  > overlay
  > notebook {
  box-shadow: inset 0 1px @theme_base_color;
}

.background.nautilus-window:not(.nautilus-desktop-window):not(nautilus-desktop-window)
  > grid
  > paned
  > overlay
  > notebook
  > stack
  > box.vertical
  > grid
  > overlay
  > scrolledwindow
  > .view:not(.nautilus-desktop),
.background.nautilus-window:not(.nautilus-desktop-window):not(nautilus-desktop-window)
  > grid
  > paned
  > overlay
  > notebook
  > stack
  > box.vertical
  > grid
  > overlay
  > scrolledwindow
  > iconview:not(.nautilus-desktop) {
  background-image: none;
}

.nautilus-canvas-item,
.nemo-canvas-item,
.caja-canvas-item {
  border-radius: 2px;
  outline-width: 0;
}

.nautilus-list-view treeview.view {
  outline-width: 0;
}

.nautilus-circular-button {
  border-radius: 9999px;
  -gtk-outline-radius: 9999px;
}

.nautilus-window > grid.horizontal paned > separator {
  background-image: image(@borders);
  background-size: 1px 1px;
  background-repeat: repeat-y;
  transition: none;
}

.nautilus-window > headerbar.titlebar > box.horizontal > entry,
.nautilus-window
  > headerbar.titlebar
  > box.horizontal
  > spinbutton:not(.vertical) {
  padding-top: 0;
  padding-bottom: 0;
}

.disk-space-display {
  border: 0 none transparent;
}

.disk-space-display.free {
  border-radius: 100px;
  background-color: @borders;
}

.disk-space-display.used {
  border-radius: 100px;
  background-color: #4db6ac;
}

.disk-space-display.unknown {
  background-color: #9dd7d1;
}

.conflict-row {
  background-color: #ff9100;
  color: rgba(38, 50, 56, 0.87);
}

.conflict-row:hover,
.conflict-row:active {
  background-color: #ff9800;
  color: @theme_fg_color;
}

dialog.background.csd
  > box.dialog-vbox
  > grid.horizontal
  > scrolledwindow.frame
  > viewport.frame {
  margin: -1px;
}

.nautilus-canvas-item,
.nemo-canvas-item,
.caja-canvas-item {
  border-radius: 2px;
}

.nautilus-canvas-item.dim-label,
.titlebar .nautilus-canvas-item.subtitle,
.titlebar .subtitle.nemo-canvas-item,
.titlebar .subtitle.caja-canvas-item,
headerbar .nautilus-canvas-item.subtitle,
headerbar .subtitle.nemo-canvas-item,
headerbar .subtitle.caja-canvas-item,
.night-light-indicator .view-header label.nautilus-canvas-item,
.night-light-indicator .view-header label.nemo-canvas-item,
.night-light-indicator .view-header label.caja-canvas-item,
.dim-label.nemo-canvas-item,
.dim-label.caja-canvas-item {
  color: rgba(38, 50, 56, 0.54);
}

.nautilus-canvas-item.dim-label:selected,
.titlebar .nautilus-canvas-item.subtitle:selected,
.titlebar .subtitle.nemo-canvas-item:selected,
.titlebar .subtitle.caja-canvas-item:selected,
headerbar .nautilus-canvas-item.subtitle:selected,
headerbar .subtitle.nemo-canvas-item:selected,
headerbar .subtitle.caja-canvas-item:selected,
.night-light-indicator .view-header label.nautilus-canvas-item:selected,
.night-light-indicator .view-header label.nemo-canvas-item:selected,
.night-light-indicator .view-header label.caja-canvas-item:selected,
.dim-label.nemo-canvas-item:selected,
.dim-label.caja-canvas-item:selected,
.nautilus-canvas-item.dim-label:selected:focus,
.titlebar .nautilus-canvas-item.subtitle:selected:focus,
.titlebar .subtitle.nemo-canvas-item:selected:focus,
.titlebar .subtitle.caja-canvas-item:selected:focus,
headerbar .nautilus-canvas-item.subtitle:selected:focus,
headerbar .subtitle.nemo-canvas-item:selected:focus,
headerbar .subtitle.caja-canvas-item:selected:focus,
.night-light-indicator .view-header label.nautilus-canvas-item:selected:focus,
.night-light-indicator .view-header label.nemo-canvas-item:selected:focus,
.night-light-indicator .view-header label.caja-canvas-item:selected:focus,
.dim-label.nemo-canvas-item:selected:focus,
.dim-label.caja-canvas-item:selected:focus {
  color: #80deea;
}

.nautilus-list-dim-label,
.nemo-list-dim-label,
.caja-list-dim-label {
  color: rgba(38, 50, 56, 0.54);
}

.nautilus-list-dim-label:selected,
.nemo-list-dim-label:selected,
.caja-list-dim-label:selected,
.nautilus-list-dim-label:selected:focus,
.nemo-list-dim-label:selected:focus,
.caja-list-dim-label:selected:focus {
  color: #80deea;
}

.documents-entry-tag {
  margin: 2px;
  padding: 4px;
  border-radius: 2px;
  border: none;
  background-image: image(#009688);
  color: rgba(255, 255, 255, 0.87);
}

.documents-entry-tag:hover {
  color: @theme_base_color;
}

.documents-entry-tag.button,
.documents-entry-tag.button:hover,
.documents-entry-tag.button:active {
  background-color: transparent;
  background-image: none;
  border-image: none;
  border: none;
  box-shadow: none;
  animation: none;
}

.documents-entry-tag.button:hover {
  color: @theme_base_color;
}

.geary-titlebar-left separator {
  opacity: 0;
}

.geary-titlebar-right {
  box-shadow: none;
}

.geary-titlebar-right > .linked.raised > button.image-button:not(.text-button) {
  min-height: 24px;
  min-width: 24px;
  margin: 0.4rem 0;
  padding: 0.5rem;
}

.geary-titlebar-right
  > .linked.raised
  > button:not(.image-button):not(.text-button):not(.suggested-action) {
  min-height: 16px;
  margin: 0.4rem 0;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.geary-titlebar-right
  > .linked.raised
  > button:not(.image-button):not(.text-button):not(.suggested-action)
  label {
  margin: -0.15rem 0;
  font-weight: 700;
}

.geary-titlebar-right
  > .linked.raised
  > button:not(.image-button):not(.text-button):not(.suggested-action)
  image {
  margin: 0.1rem 0 -0.1rem;
}

.geary-titlebar-right > button.suggested-action {
  min-height: 16px;
  margin: 0.4rem 0;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.geary-titlebar-right > button.suggested-action label {
  margin: -0.15rem 0;
  font-weight: 700;
}

.geary-titlebar-right
  box.horizontal:not(.linked):not(.right)
  button.image-button:not(.text-button):not(.titlebutton) {
  margin: 0.4rem 0;
  padding: 0.5rem;
}

.geary-titlebar-right button.suggested-action {
  min-height: 16px;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.geary-titlebar-right button.suggested-action label {
  margin: -0.15rem 0;
}

.geary-titlebar-right button.image-button.popup.toggle {
  margin: 0.4rem 0;
  padding: 0.5rem;
}

.sidebar.vertical > paned.sidebar-pane-separator .folder-frame > border {
  border-width: 0 0 1px;
}

.sidebar.vertical > paned.sidebar-pane-separator .conversation-frame > border {
  border: none;
}

.sidebar.vertical
  > paned.sidebar-pane-separator
  .conversation-frame
  treeview.view {
  background-color: @theme_base_color;
  font-weight: 400;
}

.sidebar.vertical
  > paned.sidebar-pane-separator
  .conversation-frame
  treeview.view:selected,
.sidebar.vertical
  > paned.sidebar-pane-separator
  .conversation-frame
  treeview.view:selected:focus {
  background-color: rgba(0, 188, 212, 0.25);
  color: @theme_fg_color;
}

.sidebar.vertical
  > paned.sidebar-pane-separator
  .conversation-frame
  treeview.view:selected:dir(ltr),
.sidebar.vertical
  > paned.sidebar-pane-separator
  .conversation-frame
  treeview.view:selected:focus:dir(ltr) {
  box-shadow: inset 4px 0 @theme_selected_bg_color;
}

.sidebar.vertical
  > paned.sidebar-pane-separator
  .conversation-frame
  treeview.view:selected:dir(rtl),
.sidebar.vertical
  > paned.sidebar-pane-separator
  .conversation-frame
  treeview.view:selected:focus:dir(rtl) {
  box-shadow: inset -4px 0 @theme_selected_bg_color;
}

window.background
  > box.vertical
  > paned.horizontal
  > frame
  > box.vertical
  > paned.vertical
  > overlay
  > scrolledwindow
  > scrollbar {
  background-color: transparent;
}

window.background
  > box.vertical
  > paned.horizontal
  > frame
  > box.vertical
  > paned.vertical
  > overlay
  > scrolledwindow
  > scrollbar
  slider {
  background-color: rgba(38, 50, 56, 0.297);
}

window.background
  > box.vertical
  > paned.horizontal
  > frame
  > box.vertical
  > paned.vertical
  > overlay
  > scrolledwindow
  > scrollbar
  slider:hover {
  background-color: rgba(38, 50, 56, 0.4785);
}

window.background
  > box.vertical
  > paned.horizontal
  > frame
  > box.vertical
  > paned.vertical
  > overlay
  > scrolledwindow
  > scrollbar
  slider:active {
  background-color: @theme_fg_color;
}

window.background
  > box.vertical
  > paned.horizontal
  > frame
  > box.vertical
  > paned.vertical
  > overlay
  > scrolledwindow
  > scrollbar
  slider:disabled {
  opacity: 0.4;
}

window.background
  > box.vertical
  > paned.horizontal
  > frame
  > box.vertical
  > paned.vertical
  > overlay
  > scrolledwindow
  > scrollbar.overlay-indicator:not(.dragging):not(.hovering)
  slider {
  background-color: rgba(38, 50, 56, 0.297);
}

window.background
  > box.vertical
  > paned.horizontal
  > frame
  > box.vertical
  > paned.vertical
  > overlay
  > label.bottom {
  padding: 0.4rem;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.09);
  color: @theme_fg_color;
  font-size: 90%;
  transition: none;
  opacity: 0.9;
}

window.background
  > box.vertical
  > paned.horizontal
  > frame
  > box.vertical
  > paned.vertical
  > overlay
  > label.bottom.left {
  border-radius: 0 2px 0 0;
  border-width: 1px 1px 0 0;
}

window.background
  > box.vertical
  > paned.horizontal
  > frame
  > box.vertical
  > paned.vertical
  > overlay
  > label.bottom.right {
  border-radius: 2px 0 0 0;
  border-width: 1px 0 0 1px;
}

paned.vertical
  > overlay
  > scrolledwindow
  > overlay
  > widget
  > widget
  > box
  > widget
  > headerbar
  > .linked.raised
  > button.image-button {
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

paned.vertical
  > overlay
  > scrolledwindow
  > overlay
  > widget
  > widget
  > box
  > widget
  > headerbar
  > button.flat:not(.image-button) {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

headerbar.titlebar.incognito-mode entry,
headerbar.titlebar.incognito-mode spinbutton:not(.vertical),
headerbar.titlebar.incognito-mode entry:focus,
headerbar.titlebar.incognito-mode spinbutton:focus:not(.vertical) {
  color: @theme_fg_color;
  caret-color: @theme_fg_color;
}

headerbar.titlebar.incognito-mode entry:disabled,
headerbar.titlebar.incognito-mode spinbutton:disabled:not(.vertical) {
  color: rgba(38, 50, 56, 0.28);
}

headerbar.titlebar.incognito-mode
  button:not(.destructive-action):not(.suggested-action):not(.appmenu):not(.icon):not(:indeterminate) {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

headerbar.titlebar.incognito-mode
  button:not(.destructive-action):not(.suggested-action):not(.appmenu):not(.icon):not(:indeterminate)
  *,
headerbar.titlebar.incognito-mode
  button:not(.destructive-action):not(.suggested-action):not(.appmenu):not(.icon):not(:indeterminate):hover
  *,
headerbar.titlebar.incognito-mode
  button:not(.destructive-action):not(.suggested-action):not(.appmenu):not(.icon):not(:indeterminate):active
  *,
headerbar.titlebar.incognito-mode
  button:not(.destructive-action):not(.suggested-action):not(.appmenu):not(.icon):not(:indeterminate):checked
  * {
  background-image: none;
  color: @theme_fg_color;
}

headerbar.titlebar.incognito-mode
  button:not(.destructive-action):not(.suggested-action):not(.appmenu):not(.icon):not(:indeterminate):disabled
  *,
headerbar.titlebar.incognito-mode
  button:not(.destructive-action):not(.suggested-action):not(.appmenu):not(.icon):not(:indeterminate):checked:disabled
  * {
  background-image: none;
  color: rgba(38, 50, 56, 0.28);
}

notebook > stack > box.vertical > paned.vertical > overlay > .floating-bar {
  color: rgba(38, 50, 56, 0.87);
}

.background:not(.csd)
  > box.vertical
  > headerbar
  > stack
  > box.vertical
  .subtitle {
  margin-top: -1.3rem;
  font-size: 100%;
}

.background:not(.csd)
  > box.vertical
  > headerbar
  > stack
  > box.vertical
  .subtitle:dir(ltr) {
  margin-left: -6.59rem;
}

.background:not(.csd)
  > box.vertical
  > headerbar
  > stack
  > box.vertical
  .subtitle:dir(rtl) {
  margin-right: -6.59rem;
}

popover.background
  > box.vertical
  > scrolledwindow
  > viewport.frame
  > list.background {
  background-color: #fdfdfe;
}

SeahorseWidget .sidebar paned separator {
  border: none;
}

window paned > box.vertical > box.vertical > toolbar.primary-toolbar {
  box-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.polari-room-list row {
  font-weight: 700;
}

.polari-room-list row:not(:hover):not(:active):not(:selected) label,
.polari-room-list row:not(:hover):not(:active):not(:selected) image {
  opacity: 1;
}

.polari-room-list row.inactive:not(:hover):not(:active):not(:selected) label,
.polari-room-list row.inactive:not(:hover):not(:active):not(:selected) image {
  opacity: 0.65;
}

.polari-nick-entry {
  border-image: none;
  font-weight: 700;
}

.polari-room-list list.sidebar > row.activatable,
.polari-room-list list.sidebar > row.activatable:backdrop,
.polari-room-list list.sidebar > row.activatable.inactive,
.polari-room-list list.sidebar > row.activatable.inactive:backdrop {
  color: rgba(38, 50, 56, 0.87);
  background-color: transparent;
  font-weight: 500;
}

.polari-room-list list.sidebar > row.activatable:hover,
.polari-room-list list.sidebar > row.activatable:backdrop:hover,
.polari-room-list list.sidebar > row.activatable.inactive:hover,
.polari-room-list list.sidebar > row.activatable.inactive:backdrop:hover {
  color: @theme_fg_color;
}

box > headerbar > label.polari-titlebar-separator {
  min-width: 0;
  border: none;
  opacity: 0;
}

.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar {
  box-shadow: inset 0 1px @borders, inset 0 2px 2px rgba(0, 0, 0, 0.05),
    inset -2px 0 2px -2px rgba(0, 0, 0, 0.03),
    inset -3px 0 3px -2px rgba(0, 0, 0, 0.03);
}

.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar:dir(rtl) {
  box-shadow: inset 0 1px @borders, inset 0 2px 2px rgba(0, 0, 0, 0.05),
    inset 2px 0 2px -2px rgba(0, 0, 0, 0.03),
    inset 3px 0 3px -2px rgba(0, 0, 0, 0.03);
}

.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
  min-width: 16px;
  min-width: 16px;
  padding: 0.4rem;
}

.sidebar-paned
  .inline-toolbar.horizontal.sidebar-toolbar
  button.image-button
  > widget
  > box
  > image {
  padding: 0;
}

.sidebar-paned scrolledwindow {
  background-image: image(#f7f9f9);
}

window.csd > box.vertical > box.vertical > toolbar.horizontal,
window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
  margin: -1px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
  box-shadow: none;
}

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 > box.vertical > toolbar button,
window.background > box.vertical > box.vertical > toolbar .linked > button {
  min-width: 37.3px;
  min-height: 37.3px;
  padding: 0;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

window.background
  > box.vertical
  > toolbar.primary-toolbar
  toolitem:first-child
  .linked
  > button.image-button.raised {
  min-width: 48px;
  min-height: 48px;
  margin: 0;
  padding: 0;
}

window.background
  > box.vertical
  > toolbar.primary-toolbar
  toolitem:first-child
  .linked
  > button.image-button.raised
  > widget
  > box
  > image {
  padding: 0;
}

window.background
  > box.vertical
  > toolbar.primary-toolbar
  toolitem
  .linked
  > button.image-button.raised {
  min-width: 36px;
  min-height: 36px;
  padding: 0;
}

window.background
  > box.vertical
  > toolbar.primary-toolbar
  toolitem
  button.flat.scale {
  min-width: 24px;
  min-height: 24px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
}

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) {
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

window.background
  > box.vertical
  > toolbar.primary-toolbar
  toolitem
  > box.horizontal:not(.linked)
  > button.toggle
  > widget
  > box
  > image,
window.background
  > box.vertical
  > toolbar.primary-toolbar
  toolitem
  > .linked
  > button:not(.toggle):not(.raised):not(.flat)
  > widget
  > box
  > image {
  padding: 0;
}

window.background
  > box.vertical
  > toolbar.primary-toolbar
  toolitem:last-child
  button.popup.toggle {
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

headerbar.titlebar
  > box.horizontal
  > box.horizontal
  > button.toggle:not(.text-button):not(.image-button):not(.popup) {
  min-width: 24px;
  min-height: 24px;
  padding: 0.5rem;
}

notebook
  > stack
  grid.horizontal
  > grid.horizontal
  > grid.horizontal
  button.flat.toggle:checked {
  border-radius: 0;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
  background-color: transparent;
  color: @theme_fg_color;
}

notebook
  > stack
  grid.horizontal
  > grid.horizontal
  > grid.horizontal
  button.flat.toggle:checked:hover {
  border-radius: 2px;
}

dialog.background
  > box.dialog-vbox.vertical
  > box.vertical
  > toolbar.inline-toolbar.horizontal {
  margin: -2px -2px;
}

dialog.background
  > box.dialog-vbox.vertical
  > box.vertical
  > toolbar.inline-toolbar.horizontal
  > toolitem
  box
  > button {
  min-width: 26.6px;
  min-height: 26.6px;
  padding: 0;
}

dialog.background
  > box.dialog-vbox.vertical
  > box.vertical
  > toolbar.inline-toolbar.horizontal
  > toolitem
  buttonbox
  > button {
  min-width: 26.6px;
  min-height: 26.6px;
  padding: 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

window.background
  > headerbar.titlebar
  > button.flat.popup.toggle.text-button.title {
  margin: 0.4rem 0;
}

window.background
  > headerbar.titlebar
  > button.flat.popup.toggle.text-button.title
  > grid
  > widget {
  padding-top: 0.2rem;
}

window.background
  > headerbar.titlebar
  > button.flat.popup.toggle.text-button.title
  > grid
  > widget:dir(ltr) {
  padding-left: 0.3rem;
}

window.background
  > headerbar.titlebar
  > button.flat.popup.toggle.text-button.title
  > grid
  > widget:dir(rtl) {
  padding-right: 0.3rem;
}

window.background > grid.vertical > box.vertical > widget button,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button {
  min-width: 1rem;
  min-height: 1rem;
  padding: 0.8rem 1rem 0.8rem;
  border-radius: 2px;
  font-weight: 700;
}

window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action),
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action) {
  background-color: transparent;
}

window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):disabled,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):disabled {
  background-color: transparent;
}

window.background
  > grid.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):checked,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button:not(.suggested-action):checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
}

window.background
  > grid.vertical
  > box.vertical
  > widget
  button.suggested-action,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button.suggested-action {
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

window.background
  > grid.vertical
  > box.vertical
  > widget
  button.suggested-action:hover,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button.suggested-action:hover {
  background-color: #1aa194;
}

window.background
  > grid.vertical
  > box.vertical
  > widget
  button.suggested-action:active,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button.suggested-action:active {
  background-color: @theme_selected_bg_color;
}

window.background
  > grid.vertical
  > box.vertical
  > widget
  button.suggested-action,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button.suggested-action:hover,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button.suggested-action:active,
window.background
  > grid.vertical
  > box.vertical
  > widget
  button.suggested-action:checked,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button.suggested-action,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button.suggested-action:hover,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button.suggested-action:active,
window.background
  > grid.vertical
  > box.vertical
  > box.vertical
  > widget
  button.suggested-action:checked {
  box-shadow: none;
}

.gedit-bottom-panel-paned .gedit-search-slider {
  padding: 3px;
  border-radius: 2px;
  border-width: 9px;
  border-image: -gtk-scaled(
      url('../assets/osd-shadow.png'),
      url('../assets/osd-shadow@2.png')
    )
    10/10px stretch;
  color: @theme_text_color;
  opacity: 0.9;
}

.gedit-bottom-panel-paned .gedit-search-slider entry,
.gedit-bottom-panel-paned .gedit-search-slider spinbutton:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider .linked > entry,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > spinbutton:not(.vertical) {
  padding: 0.4rem 0.6rem 0.5rem;
}

.gedit-bottom-panel-paned .gedit-search-slider entry,
.gedit-bottom-panel-paned .gedit-search-slider spinbutton:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider entry.error,
.gedit-bottom-panel-paned .gedit-search-slider spinbutton.error:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider entry.warning,
.gedit-bottom-panel-paned
  .gedit-search-slider
  spinbutton.warning:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider .linked > entry,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > spinbutton:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider .linked > entry.error,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > spinbutton.error:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider .linked > entry.warning,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > spinbutton.warning:not(.vertical) {
  color: @theme_text_color;
  caret-color: @theme_text_color;
}

.gedit-bottom-panel-paned .gedit-search-slider entry:focus,
.gedit-bottom-panel-paned .gedit-search-slider spinbutton:focus:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider entry.error:focus,
.gedit-bottom-panel-paned
  .gedit-search-slider
  spinbutton.error:focus:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider entry.warning:focus,
.gedit-bottom-panel-paned
  .gedit-search-slider
  spinbutton.warning:focus:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider .linked > entry:focus,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > spinbutton:focus:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider .linked > entry.error:focus,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > spinbutton.error:focus:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider .linked > entry.warning:focus,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > spinbutton.warning:focus:not(.vertical) {
  color: @theme_base_color;
}

.gedit-bottom-panel-paned .gedit-search-slider entry:disabled,
.gedit-bottom-panel-paned
  .gedit-search-slider
  spinbutton:disabled:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider entry.error:disabled,
.gedit-bottom-panel-paned
  .gedit-search-slider
  spinbutton.error:disabled:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider entry.warning:disabled,
.gedit-bottom-panel-paned
  .gedit-search-slider
  spinbutton.warning:disabled:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider .linked > entry:disabled,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > spinbutton:disabled:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider .linked > entry.error:disabled,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > spinbutton.error:disabled:not(.vertical),
.gedit-bottom-panel-paned .gedit-search-slider .linked > entry.warning:disabled,
.gedit-bottom-panel-paned
  .gedit-search-slider
  .linked
  > spinbutton.warning:disabled:not(.vertical) {
  color: rgba(207, 216, 220, 0.28);
}

.gedit-bottom-panel-paned .gedit-search-slider button,
.gedit-bottom-panel-paned .gedit-search-slider .linked > button {
  min-width: 2.8rem;
  min-height: 2.8rem;
  padding: 0;
}

.gedit-bottom-panel-paned notebook > header.top {
  box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.29),
    inset 0 5px 3px -5px rgba(0, 0, 0, 0.57), inset 0 -1px rgba(0, 0, 0, 0.09);
}

.gedit-bottom-panel-paned notebook > header.top tab.reorderable-page:hover {
  box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.29),
    inset 0 5px 3px -5px rgba(0, 0, 0, 0.57), inset 0 -1px rgba(0, 0, 0, 0.09);
}

.gedit-bottom-panel-paned notebook > header.top tab.reorderable-page:checked {
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02),
    1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02),
    inset 0 2px 2px -3px rgba(0, 0, 0, 0.29),
    inset 0 5px 3px -5px rgba(0, 0, 0, 0.57), inset 0 -1px rgba(0, 0, 0, 0.09);
}

paned.titlebar.horizontal
  headerbar
  button.flat.toggle.popup:not(.image-button) {
  min-height: 24px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

paned.titlebar.horizontal
  headerbar
  button.flat.toggle.popup:not(.image-button)
  box
  > .title {
  padding: 0;
  margin: -0.15rem 0;
  color: rgba(207, 216, 220, 0.87);
}

overlay > box.vertical > paned.horizontal > box.vertical statusbar {
  padding: 0.2rem;
  border-style: solid;
  border-width: 1px 0 0;
  border-color: rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

.gedit-side-panel-paned.horizontal separator {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.24),
    rgba(0, 0, 0, 0.11) 2px,
    rgba(0, 0, 0, 0.05) 4px,
    rgba(0, 0, 0, 0.05)
  );
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 1px auto;
}

.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal {
  padding: 0.2rem;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.32),
    rgba(0, 0, 0, 0.12) 2px,
    rgba(0, 0, 0, 0.04) 4px,
    transparent 6px,
    transparent
  );
}

.gedit-side-panel-paned.horizontal
  > box.vertical
  > stack
  > grid.horizontal
  > box.horizontal {
  margin: 0.3rem 0;
}

.gedit-side-panel-paned.horizontal
  > box.vertical
  > stack
  > grid.horizontal
  > box.horizontal
  button.image-button.small-button {
  min-width: 20px;
  min-height: 20px;
  padding: 0.4rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.gedit-side-panel-paned.horizontal
  > box.vertical
  > stack
  > grid.horizontal
  > box.horizontal
  .linked
  > .small-button {
  min-height: 20px;
}

.gedit-side-panel-paned.horizontal
  > box.vertical
  > stack
  > grid.horizontal
  > box.horizontal
  button.popup.small-button.toggle {
  min-height: 20px;
  padding: 0.4rem;
}

.gedit-side-panel-paned.horizontal
  > box.vertical
  > stack
  > grid.horizontal
  > scrolledwindow {
  margin: 0.4rem;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.gedit-document-panel {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.32),
    rgba(0, 0, 0, 0.12) 2px,
    rgba(0, 0, 0, 0.04) 4px,
    transparent 6px,
    transparent
  );
}

.gedit-document-panel row.activatable {
  color: rgba(38, 50, 56, 0.87);
  background-color: transparent;
  font-weight: 500;
}

.gedit-document-panel row.activatable:hover {
  color: @theme_fg_color;
}

.gedit-document-panel row.activatable:selected {
  color: @theme_selected_bg_color;
  background-color: transparent;
}

.gedit-document-panel row.activatable:selected label {
  color: @theme_selected_bg_color;
}

.gedit-document-panel row.activatable:selected button {
  color: rgba(0, 188, 212, 0.87);
}

.gedit-document-panel row.activatable:selected button:hover,
.gedit-document-panel row.activatable:selected button:active {
  color: @theme_selected_bg_color;
}

.gedit-document-panel
  row.activatable
  widget
  > box.horizontal
  > button.flat.small-button {
  min-height: 16px;
  min-width: 16px;
  margin: 0.2rem;
  padding: 0.4rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

filechooser actionbar button.combo {
  padding: 0;
}

frame.gb-search-frame {
  background-image: linear-gradient(to bottom, @theme_bg_color);
  padding: 0.45rem;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.09);
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-radius: 0;
}

frame.gb-search-frame border {
  border: none;
}

.gb-search-entry-occurrences-tag {
  color: rgba(38, 50, 56, 0.28);
  margin: 0.15rem;
  padding: 0.15rem;
  border-width: 0;
}

editortweak button {
  padding: 0 0.45rem 0 0.45rem;
}

editortweak list row {
  padding: 0;
}

layouttabbar > box {
  min-height: 2.93rem;
}

eggsearchbar > revealer > box {
  min-height: 2.93rem;
}

eggsearchbar entry,
eggsearchbar spinbutton:not(.vertical) {
  min-height: 1.8rem;
}

pillbox {
  border-radius: 2px;
  background-color: @theme_bg_color;
}

genesisperspective stack > box:first-child list row {
  padding: 0.75rem;
  border-bottom: 1px solid @borders;
}

genesisperspective stack > box:first-child list row:last-child {
  border-bottom: none;
}

perspectiveswitcher.linked.stack-switcher.vertical {
  padding: 0 0.3rem;
  border-right: 0 none transparent;
  background-color: transparent;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.24),
    rgba(0, 0, 0, 0.11) 2px,
    rgba(0, 0, 0, 0.05) 4px,
    rgba(0, 0, 0, 0.05)
  );
  background-repeat: no-repeat;
  background-size: 1px auto;
}

perspectiveswitcher.linked.stack-switcher.vertical:dir(ltr) {
  margin-right: -1px;
  background-position: right top;
}

perspectiveswitcher.linked.stack-switcher.vertical:dir(rtl) {
  margin-left: -1px;
  background-position: left top;
}

perspectiveswitcher.linked.stack-switcher.vertical button {
  padding: 0.45rem;
  border-radius: 100px;
  border: none;
  background: none;
  color: @theme_fg_color;
  box-shadow: none;
}

perspectiveswitcher.linked.stack-switcher.vertical button image {
  opacity: 0.54;
}

perspectiveswitcher.linked.stack-switcher.vertical button:hover {
  background: none;
}

perspectiveswitcher.linked.stack-switcher.vertical button:hover image {
  opacity: 0.87;
}

perspectiveswitcher.linked.stack-switcher.vertical button:active,
perspectiveswitcher.linked.stack-switcher.vertical button:checked {
  background: none;
}

perspectiveswitcher.linked.stack-switcher.vertical button:active image,
perspectiveswitcher.linked.stack-switcher.vertical button:checked image {
  opacity: 1;
}

layouttabbar {
  min-height: 2.8rem;
  padding: 0.4rem;
  border-bottom: 1px solid @borders;
  background-color: #f7f9f9;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.32),
    rgba(0, 0, 0, 0.12) 2px,
    rgba(0, 0, 0, 0.04) 4px,
    transparent 6px,
    transparent
  );
}

layouttabbar box.horizontal > button,
layouttabbar box.horizontal > button.popup.toggle {
  padding: 0.3rem 0.4rem 0.4rem;
  border-radius: 2px;
  background-color: transparent;
}

layouttabbar box.horizontal > button:disabled,
layouttabbar box.horizontal > button.popup.toggle:disabled {
  background-color: transparent;
}

layouttabbar box.horizontal > button:checked,
layouttabbar box.horizontal > button.popup.toggle:checked {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
  background-color: transparent;
  color: @theme_fg_color;
}

layouttab {
  margin: 0.2rem;
  padding: 0.4rem;
  background-color: transparent;
}

layouttab label {
  padding: 0.3rem;
}

layouttab separator.vertical {
  margin: 0 0.2rem;
  background-color: rgba(0, 0, 0, 0.09);
}

layouttab button,
layouttab button.popup.toggle {
  border-radius: 2px;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  background-color: transparent;
}

layouttab button:disabled,
layouttab button.popup.toggle:disabled {
  background-color: transparent;
}

layouttab button:checked,
layouttab button.popup.toggle:checked {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
  background-color: transparent;
  color: @theme_fg_color;
}

layouttab > box > button.close {
  min-height: 1rem;
  min-width: 1rem;
  padding: 0.5rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

layouttab > box > button.close:disabled {
  background-color: transparent;
}

layout {
  border-width: 0 1px 0;
  border-style: none solid none;
  border-color: @borders;
  border-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.32),
      rgba(0, 0, 0, 0.21) 2px,
      rgba(0, 0, 0, 0.09) 4px,
      rgba(0, 0, 0, 0.09)
    )
    0 1 0/0 1px 0 stretch;
  box-shadow: inset 0 -1px @borders;
  -pnldockbin-handle-size: 1;
}

layoutgrid > paned.horizontal separator:not(.vertical),
layoutgrid > paned.horizontal > paned.horizontal separator:not(.vertical) {
  border-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.32),
      rgba(0, 0, 0, 0.21) 2px,
      rgba(0, 0, 0, 0.09) 4px,
      rgba(0, 0, 0, 0.09)
    )
    0 1 0/0 1px 0 stretch;
}

eggsearchbar box.search-bar {
  background-color: #f7f9f9;
}

tabstrip,
docktabstrip {
  min-height: 2.6rem;
  padding: 0.4rem 1.2rem;
  border-bottom: 1px solid @borders;
  background-color: #f7f9f9;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.32),
    rgba(0, 0, 0, 0.12) 2px,
    rgba(0, 0, 0, 0.04) 4px,
    transparent 6px,
    transparent
  );
}

layoutpane.bottom tabstrip,
layoutpane.bottom docktabstrip {
  background-image: none;
}

docktabstrip docktab,
tabstrip tab,
docktabstrip tab {
  color: rgba(38, 50, 56, 0.54);
  font-weight: 700;
  box-shadow: inset 0 -1px alpha(currentColor, 0.2);
}

docktabstrip docktab:hover,
tabstrip tab:hover,
docktabstrip tab:hover {
  color: @theme_fg_color;
  box-shadow: inset 0 -2px alpha(currentColor, 0.2);
}

docktabstrip docktab:checked,
tabstrip tab:checked,
docktabstrip tab:checked {
  color: @theme_fg_color;
  box-shadow: inset 0 -2px @theme_selected_bg_color;
}

dockstack > stack > dockwidget treeview.project-tree.view,
dockstack > stack > devhelppanel treeview.view {
  background-color: @theme_bg_color;
  font-weight: 500;
}

greeter > box.vertical > stack > box.vertical > scrolledwindow {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.32),
    rgba(0, 0, 0, 0.12) 2px,
    rgba(0, 0, 0, 0.04) 4px,
    transparent 6px,
    transparent
  );
}

workbench.background > stack.titlebar > headerbar > stack > label {
  color: @theme_text_color;
  font-weight: 700;
}

.side-panel .view,
.side-panel iconview,
.side-panel .view row.activatable,
.side-panel iconview row.activatable {
  font-weight: 500;
}

.discsongsflowbox > flowboxchild {
  margin: 0.4rem 0;
}

.discsongsflowbox > flowboxchild check:only-child {
  margin: 0;
  padding: 0;
  animation: none;
}

.contacts-left-header-bar:dir(ltr) {
  border-right-width: 0;
  border-right-style: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26),
    0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #222d32,
    2px 0 0 -1px rgba(0, 0, 0, 0.09);
}

.contacts-left-header-bar:dir(rtl) {
  border-left-width: 0;
  border-left-style: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26),
    0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #222d32,
    -2px 0 0 -1px rgba(0, 0, 0, 0.09);
}

.contacts-left-header-bar.selection-mode:dir(ltr) {
  border-right-width: 0;
  border-right-style: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26),
    0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px @theme_selected_bg_color;
}

.contacts-left-header-bar.selection-mode:dir(rtl) {
  border-left-width: 0;
  border-left-style: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26),
    0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px @theme_selected_bg_color;
}

window overlay > grid > frame > grid toolbar.primary-toolbar {
  box-shadow: none;
}

list.contacts-view {
  background-image: image(#f7f9f9);
}

list.contacts-view row.activatable {
  color: rgba(38, 50, 56, 0.87);
  font-weight: 500;
}

list.contacts-view row.activatable:hover {
  color: @theme_fg_color;
}

list.contacts-view row.activatable:selected {
  background-color: transparent;
}

list.contacts-view row.activatable:selected,
list.contacts-view row.activatable:selected label {
  color: @theme_selected_bg_color;
}

list.contacts-view separator {
  min-height: 0;
  border-color: transparent;
  background-color: transparent;
}

notebook
  > stack
  > grid.vertical
  > actionbar
  revealer
  > box.horizontal
  button.popup.toggle:not(.image-button):not(.text-button) {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

window.background > box.vertical > box.horizontal > widget > label {
  color: @theme_fg_color;
  font-weight: 700;
}

window.background
  > widget
  > window.background
  > box.vertical
  > toolbar.horizontal {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
}

window.background
  > widget
  > window.background
  > box.vertical
  > toolbar.horizontal
  .linked.raised
  > button.image-button {
  min-width: 16px;
}

window.background
  > widget
  > window.background
  > box.vertical
  > toolbar.horizontal
  .linked.raised
  > button.image-button
  image {
  padding: 0;
}

window.background
  > widget
  > window.background
  > box.vertical
  > scrolledwindow
  scrollbar,
window.background
  > widget
  > window.background
  > box.vertical
  > scrolledwindow
  scrollbar.overlay-indicator,
window.background
  > widget
  > window.background
  > box.vertical
  > scrolledwindow
  scrollbar
  trough {
  background-color: @theme_bg_color;
  transition: none;
}

window.background
  > widget
  > window.background
  > box.vertical
  > scrolledwindow
  scrollbar
  slider {
  transition: none;
}

window.background
  > widget
  > window.background
  > box.vertical
  > scrolledwindow
  evview.content-view.view {
  transition: none;
}

headerbar > button.flat.popup.title-menu-button.toggle {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

headerbar > button.flat.popup.title-menu-button.toggle > grid .title {
  margin: -0.2rem 0;
  padding: 0.1rem 1rem 0;
  font-size: 100%;
}

headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle {
  margin: -0.2rem 0;
  padding: 0 1rem 0.1rem;
  font-size: 90%;
}

window.background > box.vertical > stack > box.horizontal list.categories {
  border: none;
  color: rgba(38, 50, 56, 0.87);
}

window.background
  > box.vertical
  > stack
  > box.horizontal
  list.categories
  row.activatable.category {
  color: rgba(38, 50, 56, 0.87);
  background-color: transparent;
  font-weight: 500;
}

window.background
  > box.vertical
  > stack
  > box.horizontal
  list.categories
  row.activatable.category:hover {
  color: @theme_fg_color;
}

window.background
  > box.vertical
  > stack
  > box.horizontal
  list.categories
  row.activatable.category:selected {
  color: @theme_selected_bg_color;
  background-color: transparent;
}

window.background
  > box.vertical
  > stack
  > box.horizontal
  list.categories
  row.activatable.category:selected
  label {
  color: @theme_selected_bg_color;
}

window.background
  > box.vertical
  > stack
  > box.horizontal
  list.categories
  row.activatable.category
  > label {
  padding-left: 0;
  padding-right: 0;
}

window.background
  > box.vertical
  > stack
  > box.horizontal
  > box.vertical
  > scrolledwindow
  > viewport.frame
  > list
  > separator {
  background-color: transparent;
}

window.background
  > widget
  > window.background
  > box.vertical
  > toolbar.horizontal {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
}

window.background
  > widget
  > window.background
  > box.vertical
  > toolbar.horizontal
  .linked.raised
  > button.image-button {
  min-width: 16px;
}

window.background
  > widget
  > window.background
  > box.vertical
  > toolbar.horizontal
  .linked.raised
  > button.image-button
  image {
  padding: 0;
}

window.background
  > widget
  > window.background
  > box.vertical
  > scrolledwindow
  scrollbar,
window.background
  > widget
  > window.background
  > box.vertical
  > scrolledwindow
  scrollbar.overlay-indicator,
window.background
  > widget
  > window.background
  > box.vertical
  > scrolledwindow
  scrollbar
  trough {
  background-color: @theme_bg_color;
  transition: none;
}

window.background
  > widget
  > window.background
  > box.vertical
  > scrolledwindow
  scrollbar
  slider {
  transition: none;
}

window.background
  > widget
  > window.background
  > box.vertical
  > scrolledwindow
  evview.content-view.view {
  transition: none;
}

terminal-window notebook > header.top,
.mate-terminal notebook > header.top {
  box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.29),
    inset 0 5px 3px -5px rgba(0, 0, 0, 0.57), inset 0 -1px rgba(0, 0, 0, 0.09);
}

terminal-window notebook > header.top tab.reorderable-page:hover,
.mate-terminal notebook > header.top tab.reorderable-page:hover {
  box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.29),
    inset 0 5px 3px -5px rgba(0, 0, 0, 0.57), inset 0 -1px rgba(0, 0, 0, 0.09);
}

terminal-window notebook > header.top tab.reorderable-page:checked,
.mate-terminal notebook > header.top tab.reorderable-page:checked {
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.02), -1px 0 4px rgba(0, 0, 0, 0.02),
    1px 0 2px rgba(0, 0, 0, 0.02), 1px 0 4px rgba(0, 0, 0, 0.02),
    inset 0 2px 2px -3px rgba(0, 0, 0, 0.29),
    inset 0 5px 3px -5px rgba(0, 0, 0, 0.57), inset 0 -1px rgba(0, 0, 0, 0.09);
}

terminal-window.csd.background {
  background-color: transparent;
}

terminal-window.background:not(.csd),
terminal-window vte-terminal {
  background-color: #222d32;
  color: @theme_text_color;
}

terminal-window menubar > menuitem {
  color: rgba(207, 216, 220, 0.87);
  background-color: transparent;
}

terminal-window menubar > menuitem:hover {
  color: @theme_text_color;
  box-shadow: inset 0 -2px @theme_selected_bg_color;
}

terminal-window menubar > menuitem:disabled {
  color: rgba(207, 216, 220, 0.28);
  box-shadow: none;
}

terminal-window scrollbar {
  background-color: rgba(41, 53, 59, 0.55);
}

terminal-window scrollbar slider {
  background-color: rgba(207, 216, 220, 0.275);
}

terminal-window scrollbar slider:hover {
  background-color: rgba(207, 216, 220, 0.4785);
}

terminal-window scrollbar slider:active {
  background-color: @theme_text_color;
}

window
  stack
  > frame
  > frame
  > grid.horizontal
  > grid.horizontal
  .linked.osd.stack-switcher {
  background-color: rgba(229, 233, 236, 0.9);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

window
  stack
  > frame
  > frame
  > grid.horizontal
  > grid.horizontal
  .linked.osd.stack-switcher
  > button.radio.text-button,
window
  stack
  > frame
  > frame
  > grid.horizontal
  > grid.horizontal
  .linked.osd.stack-switcher
  > button.radio.text-button:hover {
  border-image: none;
}

window
  stack
  > frame
  > frame
  > grid.horizontal
  > grid.horizontal
  .linked.osd.stack-switcher
  > button.radio.text-button:checked {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
}

window stack > frame > frame > grid.horizontal > grid.horizontal button.osd {
  min-width: 16px;
  min-height: 16px;
  padding: 1.2rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
  background-color: rgba(229, 233, 236, 0.9);
}

window stack > frame > frame > grid.horizontal #weekly-forecast-frame {
  background: transparent;
  background-image: linear-gradient(to bottom, rgba(229, 233, 236, 0.9));
}

window
  headerbar
  > box.horizontal:not(.linked)
  > button.toggle.popup:not(.text-button):not(.image-button):not(.icon):not(.appmenu) {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
  font-weight: 700;
}

window
  headerbar
  > box.horizontal:not(.linked)
  > button.toggle.popup:not(.text-button):not(.image-button):not(.icon):not(.appmenu)
  > label {
  padding: 0 0.6rem;
}

window
  headerbar
  > box.horizontal:not(.linked)
  > button:not(.image-button):not(.text-button):not(.toggle):not(.popup):not(.color):not(.titlebutton):not(.destructive-action):not(.suggested-action) {
  min-width: 24px;
  min-width: 24px;
  padding: 0.5rem;
}

window
  headerbar
  > box.horizontal:not(.linked)
  > button.color:not(.destructive-action):not(.suggested-action) {
  min-width: 24px;
  min-height: 16px;
  padding: 0.7rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

window > popover > stack > grid > button.text-button:not(.suggested-action) {
  background-color: transparent;
}

window
  > popover
  > stack
  > grid
  > button.text-button:not(.suggested-action):disabled {
  background-color: transparent;
}

window
  > popover
  > stack
  > grid
  > button.text-button:not(.suggested-action):checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
}

window.background > box.vertical > box.horizontal #main-toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18),
    inset 0 4px 2px -4px rgba(0, 0, 0, 0.2),
    inset 0 8px 3px -5px rgba(0, 0, 0, 0.24);
}

window.background
  > box.vertical
  paned.horizontal
  > widget
  > notebook.switcher-visible
  widget
  > scrolledwindow {
  background-color: #f7f9f9;
}

window.background
  > box.vertical
  paned.horizontal
  > widget
  > notebook.switcher-visible
  widget
  > scrolledwindow
  treeview.view {
  background-color: transparent;
}

window.background > grid.horizontal.titlebar searchbar {
  background-color: #222d32;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18),
    inset 0 4px 3px -4px rgba(0, 0, 0, 0.15),
    inset 0 8px 3px -5px rgba(0, 0, 0, 0.14);
}

window.background > grid.horizontal > paned.horizontal > scrolledwindow.frame {
  border-width: 1px 0 1px;
}

window.background
  > grid.horizontal
  > paned.horizontal
  > scrolledwindow.frame
  > treeview.view
  > header
  > button {
  min-width: 10rem;
}

window.background > grid.horizontal > paned.horizontal > notebook.frame {
  border-style: none none solid;
}

window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget,
window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:backdrop {
  border-color: rgba(0, 0, 0, 0.09);
  color: rgba(38, 50, 56, 0.87);
}

window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:hover,
window.background
  > grid.horizontal
  > paned.horizontal
  > notebook.frame
  > stack
  > scrolledwindow
  > widget:backdrop:hover {
  color: @theme_fg_color;
  background-color: alpha(currentColor, 0.12);
}

window.background > grid.horizontal > statusbar {
  margin: -8px -10px;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
}

window.background > grid.horizontal > statusbar > frame {
  background: none;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

window.background > grid.horizontal > statusbar > frame > box > label {
  margin: -0.4rem 0.6rem;
  color: rgba(38, 50, 56, 0.54);
  font-weight: 700;
}

buttonbox.linked > button.toggle.toolbar-primary-buttons-software {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

buttonbox.linked
  > button.toggle.toolbar-primary-buttons-software
  > box.horizontal
  > label.text-button {
  font-weight: 700;
}

buttonbox.linked > button.toggle.toolbar-primary-buttons-software:hover,
buttonbox.linked > button.toggle.toolbar-primary-buttons-software:active,
buttonbox.linked > button.toggle.toolbar-primary-buttons-software:checked {
  color: @theme_text_color;
}

buttonbox.linked
  > button.toggle.toolbar-primary-buttons-software:hover
  > box.horizontal
  > label.text-button,
buttonbox.linked
  > button.toggle.toolbar-primary-buttons-software:active
  > box.horizontal
  > label.text-button,
buttonbox.linked
  > button.toggle.toolbar-primary-buttons-software:checked
  > box.horizontal
  > label.text-button {
  color: @theme_text_color;
}

window.background
  > box.vertical
  > stack
  > widget
  > stack
  > box.vertical
  > scrolledwindow
  > viewport.frame
  > widget
  > list {
  background-color: @theme_bg_color;
}

window.background
  > box.vertical
  > stack
  > widget
  > stack
  > box.vertical
  > scrolledwindow
  > viewport.frame
  > widget
  > list
  > separator:dir(ltr) {
  border-left: 96px solid transparent;
}

window.background
  > box.vertical
  > stack
  > widget
  > stack
  > box.vertical
  > scrolledwindow
  > viewport.frame
  > widget
  > list
  > separator:dir(rtl) {
  border-right: 96px solid transparent;
}

window.background
  > box.vertical
  > stack
  > widget
  > stack
  > scrolledwindow
  > viewport.frame
  > widget
  > box.vertical
  > list {
  background-color: @theme_bg_color;
}

window.background
  > box.vertical
  > stack
  > widget
  > stack
  > scrolledwindow
  > viewport.frame
  > widget
  > box.vertical
  > separator:dir(ltr) {
  border-left: 96px solid transparent;
}

window.background
  > box.vertical
  > stack
  > widget
  > stack
  > scrolledwindow
  > viewport.frame
  > widget
  > box.vertical
  > separator:dir(rtl) {
  border-right: 96px solid transparent;
}

scrolledwindow.category-sidebar.frame > viewport.frame > list {
  margin-top: -4px;
}

scrolledwindow.category-sidebar.frame
  > viewport.frame
  > list
  > row.activatable {
  color: rgba(38, 50, 56, 0.87);
  font-weight: 500;
}

scrolledwindow.category-sidebar.frame
  > viewport.frame
  > list
  > row.activatable:hover {
  color: @theme_fg_color;
}

scrolledwindow.category-sidebar.frame
  > viewport.frame
  > list
  > row.activatable:selected {
  color: @theme_selected_bg_color;
  background-color: transparent;
}

scrolledwindow.category-sidebar.frame
  > viewport.frame
  > list
  > row.activatable:selected
  > label {
  color: @theme_selected_bg_color;
}

window.background.budgie-settings-window.csd
  box.settings-page.vertical
  frame
  > box.vertical
  > overlay
  > button.popup.suggested-action.toggle,
window.background.budgie-settings-window.csd
  box.settings-page.vertical
  frame
  > box.vertical
  list
  > row
  button.desutructive-action.round-button,
button.round-button {
  min-height: 32px;
  min-width: 32px;
  padding: 0;
  border-radius: 16px;
  -gtk-outline-radius: 16px;
}

dialog.background
  > headerbar.titlebar
  > button.flat.sources-button.popup.toggle
  box.vertical
  > .title {
  margin: -0.2rem 0;
  padding: 0.1rem 1rem 0;
  font-size: 100%;
}

dialog.background
  > headerbar.titlebar
  > button.flat.sources-button.popup.toggle
  box.vertical
  > .subtitle {
  margin: -0.2rem 0;
  padding: 0 1rem 0.1rem;
  font-size: 90%;
}

dialog.background
  > box.dialog-vbox.vertical
  > grid.horizontal
  > revealer
  > box
  > box
  > button.popup.toggle {
  margin: 0.3rem 0.4rem 0.8rem;
}

@keyframes budgie_ripple_effect {
  0% {
    background-image: radial-gradient(
        circle farthest-corner at center,
        rgba(207, 216, 220, 0.25) 0%,
        transparent 0%
      ),
      image(rgba(207, 216, 220, 0.12));
  }
  66% {
    background-image: radial-gradient(
        circle farthest-corner at center,
        rgba(207, 216, 220, 0.25) 100%,
        transparent 0%
      ),
      image(rgba(207, 216, 220, 0.12));
  }
  100% {
    background-image: radial-gradient(
        circle farthest-corner at center,
        rgba(207, 216, 220, 0) 100%,
        transparent 0%
      ),
      image(rgba(207, 216, 220, 0.12));
  }
}

.budgie-container {
  background-color: transparent;
}

.budgie-panel {
  background-color: #13191c;
  color: @theme_text_color;
  font-weight: 700;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.budgie-panel .alert {
  color: #009688;
}

.budgie-panel.transparent {
  background-color: transparent;
  color: @theme_text_color;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.budgie-panel.transparent image {
  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.budgie-panel.transparent label {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.top .shadow-block {
  background-color: transparent;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.23),
    rgba(0, 0, 0, 0.08),
    transparent
  );
}

.bottom .shadow-block {
  background-color: transparent;
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.23),
    rgba(0, 0, 0, 0.08),
    transparent
  );
}

.left .shadow-block {
  background-color: transparent;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.23),
    rgba(0, 0, 0, 0.08),
    transparent
  );
}

.right .shadow-block {
  background-color: transparent;
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.23),
    rgba(0, 0, 0, 0.08),
    transparent
  );
}

.budgie-panel button#tasklist-button {
  border: none;
  background-image: radial-gradient(
      circle farthest-corner at center,
      rgba(207, 216, 220, 0) 100%,
      transparent 0%
    ),
    image(rgba(207, 216, 220, 0));
  background-color: transparent;
  box-shadow: none;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.budgie-panel button#tasklist-button image {
  min-width: 0;
  min-height: 24px;
}

.left .budgie-panel button#tasklist-button image,
.right .budgie-panel button#tasklist-button image {
  min-width: 24px;
  min-height: 0;
}

.budgie-panel button#tasklist-button label,
.budgie-panel button#tasklist-button image {
  opacity: 0.87;
}

.budgie-panel button#tasklist-button:hover,
.budgie-panel button#tasklist-button:active,
.budgie-panel button#tasklist-button:checked {
  box-shadow: none;
}

.budgie-panel button#tasklist-button:hover label,
.budgie-panel button#tasklist-button:hover image,
.budgie-panel button#tasklist-button:active label,
.budgie-panel button#tasklist-button:active image,
.budgie-panel button#tasklist-button:checked label,
.budgie-panel button#tasklist-button:checked image {
  opacity: 1;
}

.budgie-panel button#tasklist-button:active {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0s;
  animation: budgie_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
}

box.pinned:drop(active) {
  border: none;
  border-radius: 0;
  background-color: rgba(77, 182, 172, 0.2);
  box-shadow: inset 0 0 0 1px #4db6ac;
}

.budgie-panel button.flat.launcher {
  min-width: 16px;
  min-height: 16px;
  padding: 0;
  border-radius: 0;
  background-image: radial-gradient(
      circle farthest-corner at center,
      rgba(207, 216, 220, 0) 100%,
      transparent 0%
    ),
    image(rgba(207, 216, 220, 0));
  background-position: center center;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.budgie-panel button.flat.launcher > image {
  opacity: 0.87;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-image 0s;
}

.budgie-panel button.flat.launcher:hover {
  -gtk-icon-effect: highlight;
}

.budgie-panel button.flat.launcher:hover > image {
  opacity: 1;
}

.budgie-panel button.flat.launcher:active {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0s;
  animation: budgie_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
}

.budgie-panel button.flat.launcher:active > image {
  opacity: 1;
}

.budgie-panel button.flat.launcher:checked {
  background-color: transparent;
}

.budgie-panel button.flat.launcher:checked:hover {
  -gtk-icon-effect: highlight;
}

.budgie-panel button.flat.launcher:checked > image {
  opacity: 1;
}

.budgie-panel .unpinned button.flat.launcher:hover,
.budgie-panel .pinned button.flat.launcher.running:hover {
  -gtk-icon-effect: highlight;
}

.budgie-panel .unpinned button.flat.launcher > image,
.budgie-panel .pinned button.flat.launcher.running > image {
  background-size: 2px 2px;
  background-repeat: no-repeat;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-image 0s;
  opacity: 1;
}

.budgie-panel .unpinned button.flat.launcher:hover > image,
.budgie-panel .unpinned button.flat.launcher:active > image,
.budgie-panel .unpinned button.flat.launcher:checked > image,
.budgie-panel .pinned button.flat.launcher.running:hover > image,
.budgie-panel .pinned button.flat.launcher.running:active > image,
.budgie-panel .pinned button.flat.launcher.running:checked > image {
  background-image: none;
}

.top .budgie-panel button#tasklist-button:hover,
.top .budgie-panel button.flat.launcher:hover {
  box-shadow: inset 0 2px rgba(207, 216, 220, 0.4);
}

.top .budgie-panel button#tasklist-button:active,
.top .budgie-panel button#tasklist-button:checked,
.top .budgie-panel button.flat.launcher:active,
.top .budgie-panel button.flat.launcher:checked {
  box-shadow: inset 0 2px @theme_selected_bg_color;
}

.top .budgie-panel .unpinned button.flat.launcher > image,
.top .budgie-panel .pinned button.flat.launcher.running > image {
  background-image: image(@theme_selected_bg_color);
  background-position: top center;
}

.top .budgie-panel .unpinned button.flat.launcher:hover,
.top .budgie-panel .unpinned button.flat.launcher:active,
.top .budgie-panel .unpinned button.flat.launcher:checked,
.top .budgie-panel .pinned button.flat.launcher.running:hover,
.top .budgie-panel .pinned button.flat.launcher.running:active,
.top .budgie-panel .pinned button.flat.launcher.running:checked {
  box-shadow: inset 0 2px @theme_selected_bg_color;
}

.bottom .budgie-panel button#tasklist-button:hover,
.bottom .budgie-panel button.flat.launcher:hover {
  box-shadow: inset 0 -2px rgba(207, 216, 220, 0.4);
}

.bottom .budgie-panel button#tasklist-button:active,
.bottom .budgie-panel button#tasklist-button:checked,
.bottom .budgie-panel button.flat.launcher:active,
.bottom .budgie-panel button.flat.launcher:checked {
  box-shadow: inset 0 -2px @theme_selected_bg_color;
}

.bottom .budgie-panel .unpinned button.flat.launcher > image,
.bottom .budgie-panel .pinned button.flat.launcher.running > image {
  background-image: image(@theme_selected_bg_color);
  background-position: bottom center;
}

.bottom .budgie-panel .unpinned button.flat.launcher:hover,
.bottom .budgie-panel .unpinned button.flat.launcher:active,
.bottom .budgie-panel .unpinned button.flat.launcher:checked,
.bottom .budgie-panel .pinned button.flat.launcher.running:hover,
.bottom .budgie-panel .pinned button.flat.launcher.running:active,
.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
  box-shadow: inset 0 -2px @theme_selected_bg_color;
}

.left .budgie-panel button#tasklist-button:hover,
.left .budgie-panel button.flat.launcher:hover {
  box-shadow: inset 2px 0 rgba(207, 216, 220, 0.4);
}

.left .budgie-panel button#tasklist-button:active,
.left .budgie-panel button#tasklist-button:checked,
.left .budgie-panel button.flat.launcher:active,
.left .budgie-panel button.flat.launcher:checked {
  box-shadow: inset 2px 0 @theme_selected_bg_color;
}

.left .budgie-panel .unpinned button.flat.launcher > image,
.left .budgie-panel .pinned button.flat.launcher.running > image {
  background-image: image(@theme_selected_bg_color);
  background-position: left center;
}

.left .budgie-panel .unpinned button.flat.launcher:hover,
.left .budgie-panel .unpinned button.flat.launcher:active,
.left .budgie-panel .unpinned button.flat.launcher:checked,
.left .budgie-panel .pinned button.flat.launcher.running:hover,
.left .budgie-panel .pinned button.flat.launcher.running:active,
.left .budgie-panel .pinned button.flat.launcher.running:checked {
  box-shadow: inset 2px 0 @theme_selected_bg_color;
}

.right .budgie-panel button#tasklist-button:hover,
.right .budgie-panel button.flat.launcher:hover {
  box-shadow: inset -2px 0 rgba(207, 216, 220, 0.4);
}

.right .budgie-panel button#tasklist-button:active,
.right .budgie-panel button#tasklist-button:checked,
.right .budgie-panel button.flat.launcher:active,
.right .budgie-panel button.flat.launcher:checked {
  box-shadow: inset -2px 0 @theme_selected_bg_color;
}

.right .budgie-panel .unpinned button.flat.launcher > image,
.right .budgie-panel .pinned button.flat.launcher.running > image {
  background-image: image(@theme_selected_bg_color);
  background-position: right center;
}

.right .budgie-panel .unpinned button.flat.launcher:hover,
.right .budgie-panel .unpinned button.flat.launcher:active,
.right .budgie-panel .unpinned button.flat.launcher:checked,
.right .budgie-panel .pinned button.flat.launcher.running:hover,
.right .budgie-panel .pinned button.flat.launcher.running:active,
.right .budgie-panel .pinned button.flat.launcher.running:checked {
  box-shadow: inset -2px 0 @theme_selected_bg_color;
}

.end-region
  > widget
  > widget
  > box.horizontal
  > widget
  > widget
  > image:dir(ltr) {
  margin: 0 2px 0 -1px;
}

.end-region
  > widget
  > widget
  > box.horizontal
  > widget
  > widget
  > image:dir(rtl) {
  margin: 0 -1px 0 2px;
}

.end-region
  > widget
  > widget
  > box.horizontal
  > widget.sound-applet
  > widget
  > image {
  min-width: 18px;
  margin: 0;
}

.end-region
  > widget
  > widget
  > box.horizontal
  > widget
  > widget
  > box.horizontal
  > image,
.end-region
  > widget
  > widget
  > box.horizontal
  box.battery-icon.horizontal
  > image {
  min-width: 22px;
}

.end-region
  > widget
  > widget
  box.battery-icon.horizontal
  > label.percent-label:dir(ltr) {
  margin: 0 -6px 0 3px;
}

.end-region
  > widget
  > widget
  box.battery-icon.horizontal
  > label.percent-label:dir(rtl) {
  margin: 0 3px 0 -6px;
}

.end-region > widget > widget box.battery-icon.vertical > label.percent-label {
  font-size: 75%;
}

.end-region
  > widget
  > widget
  box.battery-icon.vertical
  > label.percent-label:dir(ltr) {
  margin-right: -2px;
}

.end-region
  > widget
  > widget
  box.battery-icon.vertical
  > label.percent-label:dir(rtl) {
  margin-left: -2px;
}

.end-region > widget > widget > image {
  min-width: 20px;
}

window.budgie-popover:not(.csd).background {
  background-clip: border-box;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

window.budgie-popover:not(.csd) > frame.container {
  margin: 0 -1px -1px;
}

window.budgie-popover:not(.csd) > frame.container,
window.budgie-popover:not(.csd) > frame.container > border {
  border-style: none;
  background-color: #fdfdfe;
}

.budgie-panel button.flat.budgie-menu-launcher {
  min-width: 16px;
  min-height: 16px;
  padding: 0;
  border: 0 none transparent;
  border-radius: 0;
  background-image: radial-gradient(
      circle farthest-corner at center,
      rgba(207, 216, 220, 0.4) 50%,
      transparent 0%
    ),
    image(rgba(207, 216, 220, 0.5));
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0% 0%;
  background-color: transparent;
  color: @theme_text_color;
  font-weight: 700;
  transition: background-image 0s, background-size 0s;
}

.budgie-panel button.flat.budgie-menu-launcher:hover {
  background-color: transparent;
  color: @theme_base_color;
}

.budgie-panel button.flat.budgie-menu-launcher:checked {
  background-image: radial-gradient(
      circle farthest-corner at center,
      rgba(207, 216, 220, 0) 50%,
      transparent 0%
    ),
    image(rgba(207, 216, 220, 0));
  background-size: 200% 200%;
  background-color: transparent;
  color: @theme_base_color;
  transition: background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-size 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.budgie-menu {
  background-color: #fdfdfe;
}

.budgie-menu.background {
  border-style: solid none none;
}

.budgie-menu.background .container {
  padding: 2px 0 0;
}

.bottom .budgie-menu.background .container {
  padding: 2px 0 2px;
}

.budgie-menu scrolledwindow,
.budgie-menu list,
.budgie-menu row,
.budgie-menu scrollbar {
  min-width: 0;
  min-height: 0;
  border: none;
  background: none;
  box-shadow: none;
}

.budgie-menu row.activatable {
  padding: 0;
  background-image: none;
  background-color: #fdfdfe;
  color: rgba(38, 50, 56, 0.87);
  transition-duration: 0s;
}

.budgie-menu row.activatable image {
  padding: 0.6rem 0;
}

.budgie-menu row.activatable:hover,
.budgie-menu row.activatable:selected {
  background-image: none;
  background-color: #fdfdfe;
  color: rgba(38, 50, 56, 0.87);
  transition-duration: 0s;
}

.budgie-menu row.activatable button.flat {
  border-radius: 0;
  -gtk-outline-radius: 0;
}

.budgie-menu row.activatable button.flat > box > label {
  padding-bottom: 0.1rem;
}

.budgie-menu .categories {
  background-color: #f7f9f9;
}

.budgie-menu .categories:dir(ltr) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
}

.budgie-menu .categories:dir(rtl) {
  border-left: 1px solid rgba(0, 0, 0, 0.09);
}

.bottom.budgie-container .budgie-menu .categories {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.budgie-menu .categories button.flat.radio.category-button {
  border-radius: 0;
}

.budgie-menu .categories button.flat.radio.category-button:not(:active) {
  transition-duration: 0.1s;
}

.budgie-menu .categories button.flat.radio.category-button:checked {
  background-image: none;
  background-color: transparent;
  color: @theme_selected_bg_color;
}

.budgie-menu .categories button.flat.radio.category-button:checked:hover {
  background-color: alpha(currentColor, 0.12);
  color: @theme_selected_bg_color;
}

.budgie-menu .categories button.flat.radio.category-button:checked:disabled {
  color: rgba(0, 188, 212, 0.4);
}

.budgie-menu
  .categories
  button.flat.radio.category-button:checked:disabled
  label {
  color: inherit;
}

.budgie-menu .categories button.flat.radio.category-button > box > label {
  padding: 0.4rem 0 0.5rem;
  font-weight: 500;
}

.user-menu {
  background-color: #fdfdfe;
}

.user-menu frame.container {
  padding: 8px 6px 6px;
}

.user-menu list,
.user-menu row {
  border: none;
  background: none;
  box-shadow: none;
}

.user-menu row.activatable {
  background-image: none;
  background-color: #fdfdfe;
  color: rgba(38, 50, 56, 0.87);
  transition-duration: 0s;
}

.user-menu row.activatable:active,
.user-menu row.activatable:selected,
.user-menu row.activatable .indicator-item:active,
.user-menu row.activatable .indicator-item:selected {
  animation: none;
}

.user-menu row.activatable .indicator-item label,
.user-menu row.activatable .indicator-item image {
  color: rgba(38, 50, 56, 0.87);
}

.user-menu row.activatable image {
  padding: 0.4rem 0 0.5rem;
}

.user-menu row.activatable separator.horizontal {
  min-width: 1px;
  min-height: 1px;
}

.user-menu row.activatable separator.horizontal:dir(ltr) {
  border-left: 32px solid transparent;
}

.user-menu row.activatable separator.horizontal:dir(rtl) {
  border-right: 32px solid transparent;
}

.user-menu row.activatable:hover,
.user-menu row.activatable:selected {
  background-image: none;
  background-color: #fdfdfe;
  color: rgba(38, 50, 56, 0.87);
  transition-duration: 0s;
}

.user-menu row.activatable:hover .indicator-item label,
.user-menu row.activatable:hover .indicator-item image,
.user-menu row.activatable:selected .indicator-item label,
.user-menu row.activatable:selected .indicator-item image {
  color: rgba(38, 50, 56, 0.87);
}

.user-menu row.activatable:hover .indicator-item:hover label,
.user-menu row.activatable:hover .indicator-item:hover image,
.user-menu row.activatable:hover .indicator-item:active label,
.user-menu row.activatable:hover .indicator-item:active image,
.user-menu row.activatable:hover .indicator-item:checked label,
.user-menu row.activatable:hover .indicator-item:checked image,
.user-menu row.activatable:selected .indicator-item:hover label,
.user-menu row.activatable:selected .indicator-item:hover image,
.user-menu row.activatable:selected .indicator-item:active label,
.user-menu row.activatable:selected .indicator-item:active image,
.user-menu row.activatable:selected .indicator-item:checked label,
.user-menu row.activatable:selected .indicator-item:checked image {
  color: @theme_fg_color;
}

.user-menu > frame.container > box.vertical row.activatable:first-child {
  margin-bottom: 0.8rem;
  outline-offset: 0;
  outline-width: 0;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.09));
  background-repeat: no-repeat;
  background-size: 38px auto;
  background-color: #009688;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16),
    inset 0 1px rgba(255, 255, 255, 0.07);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: box-shadow;
  transition-duration: 0.2s;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item:dir(ltr) {
  padding-left: 7px;
  background-position: left center;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item:dir(rtl) {
  padding-right: 7px;
  background-position: right center;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item
  label {
  color: rgba(255, 255, 255, 0.87);
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item
  label:dir(ltr) {
  padding-left: 0.6rem;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item
  label:dir(rtl) {
  padding-right: 0.6rem;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item
  image {
  color: rgba(255, 255, 255, 0.87);
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item
  image:first-child {
  min-width: 24px;
  min-height: 20px;
  padding-top: 0.5rem;
  opacity: 0.9;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item:hover {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2),
    inset 0 1px rgba(255, 255, 255, 0.07);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: box-shadow;
  transition-duration: 0.2s;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item:hover
  label {
  color: @theme_base_color;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item:hover
  image {
  color: @theme_base_color;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item:hover
  image:first-child {
  opacity: 1;
}

.user-menu
  > frame.container
  > box.vertical
  row.activatable:first-child
  .indicator-item
  label {
  font-weight: 700;
}

.raven-frame > border {
  border: none 0 transparent;
}

.raven {
  padding: 0;
  border: none;
  color: rgba(38, 50, 56, 0.87);
  background-color: #f7f9f9;
}

.raven .raven-header {
  border: none;
  color: rgba(38, 50, 56, 0.54);
  background-color: transparent;
  font-weight: 700;
}

.raven .raven-header.top {
  background-color: #222d32;
  color: @theme_text_color;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26),
    0 2px 3px rgba(0, 0, 0, 0.32);
}

.raven .raven-header.top button.text-button {
  color: rgba(207, 216, 220, 0.87);
}

.raven .raven-header.top button.text-button:hover,
.raven .raven-header.top button.text-button:active,
.raven .raven-header.top button.text-button:checked {
  color: @theme_text_color;
}

.raven .raven-header.top button.text-button:disabled {
  color: rgba(207, 216, 220, 0.28);
}

.raven .raven-header:not(.top):not(.bottom) {
  margin-top: -0.8rem;
}

.raven .raven-background {
  border-width: 1px 0 0;
  border-style: solid none none;
  border-color: rgba(0, 0, 0, 0.09);
  background-color: transparent;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

.raven .powerstrip {
  background-color: #13191c;
  box-shadow: none;
}

.raven .powerstrip button.flat.image-button {
  min-width: 5.6rem;
  margin: -2px -8px;
  padding: 0.5rem 0;
  color: @theme_text_color;
}

.raven .powerstrip button.flat.image-button:hover,
.raven .powerstrip button.flat.image-button:active,
.raven .powerstrip button.flat.image-button:checked {
  color: @theme_base_color;
}

.raven scrolledwindow,
.raven list {
  background: transparent;
}

.raven row.activatable {
  background-color: transparent;
}

.raven row.activatable:hover {
  color: @theme_fg_color;
}

.raven row.activatable:selected,
.raven row.activatable:selected label {
  color: @theme_selected_bg_color;
}

.raven row.activatable:selected:hover {
  background-color: alpha(currentColor, 0.12);
}

.raven button.image-button {
  background-color: transparent;
}

.raven button.image-button:hover {
  -gtk-icon-effect: highlight;
}

.raven button.image-button:disabled {
  background-color: transparent;
}

.raven button.image-button:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
}

.raven .raven-header > .linked {
  margin: 0 0.8rem;
}

.raven .raven-header button.flat.expander-button {
  min-width: 16px;
  min-height: 16px;
  padding: 0.6rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
  color: rgba(38, 50, 56, 0.54);
}

.raven .raven-header button.flat.expander-button:hover,
.raven .raven-header button.flat.expander-button:active {
  color: @theme_fg_color;
}

.raven .raven-header button.flat.expander-button:dir(ltr) {
  margin-right: 0.2rem;
}

.raven .raven-header button.flat.expander-button:dir(rtl) {
  margin-left: 0.2rem;
}

.raven .raven-header button.flat.image-button.primary-control {
  min-width: 16px;
  min-height: 16px;
  padding: 0.6rem;
  color: rgba(255, 82, 82, 0.87);
}

.raven .raven-header button.flat.image-button.primary-control:hover,
.raven .raven-header button.flat.image-button.primary-control:active,
.raven .raven-header button.flat.image-button.primary-control:checked {
  color: #ff5252;
}

.raven .raven-header button.flat.image-button.primary-control:disabled {
  color: rgba(255, 82, 82, 0.4);
}

.raven .raven-header scale {
  padding: 0.6rem;
}

.raven stackswitcher.linked > button.text-button.radio {
  min-width: 8.4rem;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}

.raven stackswitcher.linked > button.text-button.radio:not(:checked) {
  border-image: none;
}

.raven stackswitcher.linked > button.text-button.radio label {
  padding-bottom: 0.1rem;
}

.raven calendar {
  border: none;
  background-color: transparent;
}

.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable {
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected,
.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus {
  background-color: rgba(0, 188, 212, 0.25);
}

.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:dir(ltr),
.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus:dir(ltr) {
  box-shadow: inset 4px 0 @theme_selected_bg_color;
}

.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:dir(rtl),
.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus:dir(rtl) {
  box-shadow: inset -4px 0 @theme_selected_bg_color;
}

.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected
  > grid
  > label,
.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected
  > grid
  > label.dim-label,
.raven
  .titlebar
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected
  > grid
  > label.subtitle,
.titlebar
  .raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected
  > grid
  > label.subtitle,
.raven
  headerbar
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected
  > grid
  > label.subtitle,
headerbar
  .raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected
  > grid
  > label.subtitle,
.raven
  .night-light-indicator
  .view-header
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected
  > grid
  > label,
.night-light-indicator
  .view-header
  .raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected
  > grid
  > label,
.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus
  > grid
  > label,
.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus
  > grid
  > label.dim-label,
.raven
  .titlebar
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus
  > grid
  > label.subtitle,
.titlebar
  .raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus
  > grid
  > label.subtitle,
.raven
  headerbar
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus
  > grid
  > label.subtitle,
headerbar
  .raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus
  > grid
  > label.subtitle,
.raven
  .night-light-indicator
  .view-header
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus
  > grid
  > label,
.night-light-indicator
  .view-header
  .raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus
  > grid
  > label {
  color: @theme_fg_color;
  opacity: 1;
}

.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected
  > grid
  > image,
.raven
  box.vertical
  > stack
  > box.vertical
  > .raven-background
  > viewport.frame
  > list
  > row.activatable:selected:focus
  > grid
  > image {
  color: @theme_fg_color;
}

.raven-mpris {
  border: none;
  color: @theme_fg_color;
  background-color: rgba(229, 233, 236, 0.9);
}

.raven-mpris button.image-button {
  padding: 0.6rem;
}

widget.budgie-clock-applet > widget > box > label {
  font-size: 100%;
}

widget.budgie-clock-applet > widget > box > label:first-child:dir(ltr) {
  margin-left: 2px;
}

widget.budgie-clock-applet > widget > box > label:first-child:dir(rtl) {
  margin-right: 2px;
}

widget.budgie-clock-applet > widget > box > label:last-child:dir(ltr) {
  margin-right: 5px;
}

widget.budgie-clock-applet > widget > box > label:last-child:dir(rtl) {
  margin-left: 5px;
}

.top widget.budgie-clock-applet > widget > box > label:only-child:dir(ltr),
.bottom widget.budgie-clock-applet > widget > box > label:only-child:dir(ltr) {
  margin-left: 2px;
  margin-right: 1px;
}

.top widget.budgie-clock-applet > widget > box > label:only-child:dir(rtl),
.bottom widget.budgie-clock-applet > widget > box > label:only-child:dir(rtl) {
  margin-left: 1px;
  margin-right: 2px;
}

.left widget.budgie-clock-applet > widget > box > label,
.right widget.budgie-clock-applet > widget > box > label {
  font-size: 80%;
}

.left widget.budgie-clock-applet > widget > box > label:first-child,
.right widget.budgie-clock-applet > widget > box > label:first-child {
  margin-top: 5px;
  margin-bottom: 0;
}

.left widget.budgie-clock-applet > widget > box > label:last-child,
.right widget.budgie-clock-applet > widget > box > label:last-child {
  margin-top: 0;
  margin-bottom: 4px;
}

.left widget.budgie-clock-applet > widget > box > label:last-child:only-child,
.right widget.budgie-clock-applet > widget > box > label:last-child:only-child {
  margin-top: 5px;
}

window.sound-popover.background box.horizontal > button.flat.image-button {
  min-width: 2.3rem;
  min-height: 2.3rem;
  margin: 0;
  padding: 0;
}

window.sound-popover.background
  box.horizontal
  > button.flat.image-button:first-child:hover {
  background: none;
  color: #f44336;
  animation: volume_hover 0.2s linear forwards;
}

window.sound-popover.background
  box.horizontal
  > button.flat.image-button:last-child:hover {
  background: none;
  color: #00e676;
  animation: volume_hover 0.2s linear forwards;
}

window.sound-popover.background box.horizontal > scale.horizontal {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.night-light-indicator frame.container {
  padding: 8px 6px 6px;
}

.night-light-indicator .view-header label {
  font-size: 15px;
  font-weight: 400;
}

.night-light-indicator .view-header label:dir(ltr) {
  padding-left: 4px;
}

.night-light-indicator .view-header label:dir(ltr) {
  padding-right: 4px;
}

.night-light-indicator box.vertical > button.flat.display-settings-button {
  border-radius: 0;
  border: none;
  background-color: transparent;
  color: rgba(69, 156, 149, 0.87);
  font-weight: 700;
}

.night-light-indicator
  box.vertical
  > button.flat.display-settings-button:hover {
  background-color: transparent;
  color: #459c95;
}

.night-light-indicator
  box.vertical
  > button.flat.display-settings-button:active {
  background-color: transparent;
  color: #459c95;
}

.night-light-indicator
  box.vertical
  > button.flat.display-settings-button
  label {
  padding: 0.4rem 0 0.5rem;
}

.places-menu.background .container {
  padding: 8px 6px 6px;
}

.places-menu box.places-section-header {
  padding: 0;
}

.places-menu box.places-section-header > button.flat:not(.image-button) {
  padding: 0.4rem 0.4rem;
  border-radius: 0;
  -gtk-outline-radius: 0;
}

.places-menu
  box.places-section-header
  > button.flat:not(.image-button):not(:active) {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.2s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.2s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.places-menu
  box.places-section-header
  > button.flat:not(.image-button)
  box.horizontal
  > label {
  margin-bottom: 0.1rem;
  padding-bottom: 0.3rem;
  font-weight: 700;
}

.places-menu
  box.places-section-header
  > button.flat:not(.image-button)
  box.horizontal
  > image:first-child {
  color: #4db6ac;
}

.places-menu
  box.places-section-header
  > button.flat:not(.image-button)
  box.horizontal
  > image:first-child:dir(ltr) {
  margin-left: 4px;
}

.places-menu
  box.places-section-header
  > button.flat:not(.image-button)
  box.horizontal
  > image:first-child:dir(rtl) {
  margin-right: 4px;
}

.places-menu
  box.places-section-header
  > button.flat:not(.image-button)
  box.horizontal
  > image:not(:first-child):dir(ltr) {
  margin-right: 0.4rem;
}

.places-menu
  box.places-section-header
  > button.flat:not(.image-button)
  box.horizontal
  > image:not(:first-child):dir(rtl) {
  margin-left: 0.4rem;
}

.places-menu box.places-section-header button.image-button {
  margin: 0.2rem 0.4rem 0.3rem;
}

.places-menu box.places-section-header button.image-button:not(:active) {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.2s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.2s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.places-menu .alternative-label {
  font-size: 15px;
  font-weight: 400;
}

.places-menu .alternative-label:dir(ltr) {
  padding: 0 0 3px 3px;
}

.places-menu .alternative-label:dir(rtl) {
  padding: 0 3px 3px 0;
}

.places-menu box.vertical > revealer > list {
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

.places-menu box.vertical > revealer > list.always-expand {
  border: none;
  background-color: transparent;
  box-shadow: none;
}

.places-menu list {
  background-color: transparent;
}

.places-menu list > row.activatable {
  transition: none;
}

.places-menu list > row.activatable:hover,
.places-menu list > row.activatable:active {
  color: @theme_fg_color;
  background-image: none;
}

.places-menu list > row.activatable:hover button.text-button.name-button,
.places-menu list > row.activatable:hover button.text-button.name-button:hover,
.places-menu list > row.activatable:hover button.text-button.name-button:active,
.places-menu list > row.activatable:active button.text-button.name-button,
.places-menu list > row.activatable:active button.text-button.name-button:hover,
.places-menu
  list
  > row.activatable:active
  button.text-button.name-button:active {
  color: @theme_fg_color;
  background-color: transparent;
  transition: none;
  animation: none;
}

.places-menu list > row.activatable:hover button.text-button.name-button:active,
.places-menu
  list
  > row.activatable:active
  button.text-button.name-button:active {
  animation: flat_ripple_effect 0.2s cubic-bezier(0, 0, 0.2, 1) forwards;
}

.places-menu list > row.activatable button.image-button:not(:active) {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.2s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.2s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.places-menu
  list
  > row.activatable
  button.text-button.name-button
  > box.horizontal
  > image {
  margin: 0.4rem 0;
}

.places-menu
  list
  > row.activatable
  button.text-button.name-button
  > box.horizontal
  > label {
  padding: 0.4rem 0 0.5rem;
}

.places-menu
  list
  > row.activatable
  button.image-button.unmount-button:not(.text-button) {
  margin: 0.1rem 0.4rem;
  padding: 0.3rem;
}

.places-menu list label.dim-label,
.places-menu list .titlebar label.subtitle,
.titlebar .places-menu list label.subtitle,
.places-menu list headerbar label.subtitle,
headerbar .places-menu list label.subtitle,
.places-menu list .night-light-indicator .view-header label,
.night-light-indicator .view-header .places-menu list label {
  font-size: 90%;
  font-weight: 700;
}

.places-menu box.unlock-area {
  border-width: 1px 0 1px;
  border-style: solid none solid;
  border-color: rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

.places-menu box.unlock-area entry,
.places-menu box.unlock-area spinbutton:not(.vertical) {
  min-height: 16px;
  min-width: 16px;
  margin: 0.1rem 0.4rem;
  padding: 0.3rem;
}

.places-menu box.unlock-area button {
  min-height: 16px;
  min-width: 16px;
  margin: 0.1rem 0.4rem;
  padding: 0.3rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.top widget.keyboard-indicator > widget > box.horizontal > widget > image,
.bottom widget.keyboard-indicator > widget > box.horizontal > widget > image {
  margin-top: -0.05rem;
}

.top
  widget.keyboard-indicator
  > widget
  > box.horizontal
  > widget
  > image:dir(ltr),
.bottom
  widget.keyboard-indicator
  > widget
  > box.horizontal
  > widget
  > image:dir(ltr) {
  padding: 1.3px 0 0 3px;
}

.top
  widget.keyboard-indicator
  > widget
  > box.horizontal
  > widget
  > image:dir(rtl),
.bottom
  widget.keyboard-indicator
  > widget
  > box.horizontal
  > widget
  > image:dir(rtl) {
  padding: 1.3px 3px 0 0;
}

.top
  widget.keyboard-indicator
  > widget
  > box.horizontal
  > stack
  > widget.keyboard-label
  > label,
.bottom
  widget.keyboard-indicator
  > widget
  > box.horizontal
  > stack
  > widget.keyboard-label
  > label {
  margin-top: -0.05rem;
}

.top
  widget.keyboard-indicator
  > widget
  > box.horizontal
  > stack
  > widget.keyboard-label
  > label:dir(ltr),
.bottom
  widget.keyboard-indicator
  > widget
  > box.horizontal
  > stack
  > widget.keyboard-label
  > label:dir(ltr) {
  padding: 1.3px 3px 0.1rem 0;
}

.top
  widget.keyboard-indicator
  > widget
  > box.horizontal
  > stack
  > widget.keyboard-label
  > label:dir(rtl),
.bottom
  widget.keyboard-indicator
  > widget
  > box.horizontal
  > stack
  > widget.keyboard-label
  > label:dir(rtl) {
  padding: 1.3px 0 0.1rem 3px;
}

.budgie-panel > box > widget > separator {
  background-color: rgba(207, 216, 220, 0.066);
}

widget > box.workspace-switcher > box.workspace-layout widget.workspace-item {
  background-image: image(rgba(207, 216, 220, 0.4));
  background-repeat: no-repeat;
  transition-duration: 0s;
}

widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item.current-workspace {
  background-image: image(@theme_selected_bg_color);
}

.top
  widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item {
  background-position: top center;
  background-size: calc(100% - 4px) 2px;
}

.bottom
  widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item {
  background-position: bottom center;
  background-size: calc(100% - 4px) 2px;
}

.left
  widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item {
  background-position: left center;
  background-size: 2px calc(100% - 4px);
}

.right
  widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item {
  background-position: right center;
  background-size: 2px calc(100% - 4px);
}

widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item
  button.workspace-icon-button {
  min-width: 16px;
  min-height: 16px;
  padding: 4px;
  border-radius: 2px;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item
  button.workspace-icon-button
  > image {
  opacity: 0.54;
}

widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item
  button.workspace-icon-button:hover,
widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item
  button.workspace-icon-button:active {
  -gtk-icon-effect: highlight;
}

widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item
  button.workspace-icon-button:hover
  > image,
widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item
  button.workspace-icon-button:active
  > image {
  opacity: 0.87;
}

widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item
  label.workspace-more-label {
  font-weight: 700;
  opacity: 0.54;
}

widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item.current-workspace
  button.workspace-icon-button
  > image {
  opacity: 1;
}

widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item.current-workspace
  button.workspace-icon-button:hover,
widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item.current-workspace
  button.workspace-icon-button:active {
  -gtk-icon-effect: highlight;
}

widget
  > box.workspace-switcher
  > box.workspace-layout
  widget.workspace-item.current-workspace
  label.workspace-more-label {
  opacity: 1;
}

widget > box.workspace-switcher button.image-button.workspace-add-button {
  min-width: 16px;
  min-height: 16px;
  padding: 4px;
  border-radius: 0;
  color: rgba(129, 196, 191, 0.87);
  background-color: transparent;
}

widget > box.workspace-switcher button.image-button.workspace-add-button:hover {
  background-color: transparent;
  color: #81c4bf;
}

widget
  > box.workspace-switcher
  button.image-button.workspace-add-button:active {
  background-color: transparent;
  color: #81c4bf;
}

widget
  > box.workspace-switcher
  button.image-button.workspace-add-button:disabled {
  background-color: transparent;
}

window.budgie-popover.workspace-popover
  box.workspace-popover-button-box
  > button.flat {
  min-width: 150px;
  padding: 0.4rem 1rem 0.5rem;
  border-radius: 0;
  -gtk-outline-radius: 0;
  font-weight: 500;
}

window.budgie-popover.workspace-popover
  box.workspace-popover-button-box
  > button.flat:first-child:dir(ltr) {
  border-image: -gtk-icontheme('pan-end-symbolic') 0 13.3 0 0/0 13.3px 0 0;
}

window.budgie-popover.workspace-popover
  box.workspace-popover-button-box
  > button.flat:first-child:dir(rtl) {
  border-image: -gtk-icontheme('pan-end-symbolic-rtl') 0 0 0 13.3/0 0 0 13.3px;
}

window.budgie-popover.workspace-popover
  box.workspace-popover-button-box
  > separator.horizontal {
  min-height: 0;
  margin: 0;
  background-color: transparent;
}

window.budgie-popover.workspace-popover flowboxchild button.flat:not(:active) {
  transition-property: opacity, border-color, border-image, background-color,
    background-image, box-shadow, icon-shadow;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
}

window.budgie-popover.workspace-popover flowboxchild image {
  padding: 8.75px 0;
}

.budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher) {
  min-width: 16px;
  min-height: 16px;
  border-radius: 0;
  color: rgba(207, 216, 220, 0.28);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher):hover {
  background-image: image(transparent);
  background-color: transparent;
  color: @theme_base_color;
}

.budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher):active {
  color: @theme_base_color;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0s;
  animation: budgie_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
}

.budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher):checked {
  background-image: image(transparent);
  background-color: transparent;
  color: @theme_base_color;
}

.top
  .budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher) {
  padding: 0 6px;
}

.top
  .budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher):checked {
  box-shadow: inset 0 2px @theme_selected_bg_color;
}

.bottom
  .budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher) {
  padding: 0 6px;
}

.bottom
  .budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher):checked {
  box-shadow: inset 0 -2px @theme_selected_bg_color;
}

.left
  .budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher) {
  padding: 3px 0;
}

.left
  .budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher):checked {
  box-shadow: inset 2px 0 @theme_selected_bg_color;
}

.right
  .budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher) {
  padding: 3px 0;
}

.right
  .budgie-panel
  > box
  > widget
  > button.flat:not(.raven-trigger):not(.budgie-menu-launcher):checked {
  box-shadow: inset -2px 0 @theme_selected_bg_color;
}

.slate-notification-window,
.budgie-notification-window,
.budgie-osd-window {
  border-radius: 2px;
  background-color: transparent;
}

.slate-notification-window .drop-shadow,
.budgie-notification-window .drop-shadow,
.budgie-osd-window .drop-shadow {
  background-color: rgba(34, 45, 50, 0.9);
}

.slate-notification,
.budgie-notification,
.budgie-osd {
  color: @theme_text_color;
  background-color: transparent;
}

.slate-notification .notification-title,
.budgie-notification .notification-title,
.budgie-osd .notification-title {
  color: rgba(207, 216, 220, 0.87);
  font-size: 110%;
  font-weight: 500;
}

.slate-notification .notification-body,
.budgie-notification .notification-body,
.budgie-osd .notification-body {
  color: @theme_text_color;
  font-size: 90%;
  font-weight: 400;
}

.slate-notification .budgie-osd-text,
.budgie-notification .budgie-osd-text,
.budgie-osd .budgie-osd-text {
  color: @theme_text_color;
  font-size: 110%;
}

.slate-notification progressbar,
.budgie-notification progressbar,
.budgie-osd progressbar {
  min-height: 4px;
  padding: 2px;
  border-radius: 2px;
  background-color: #222d32;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.slate-notification progressbar trough,
.budgie-notification progressbar trough,
.budgie-osd progressbar trough {
  color: @theme_text_color;
  background-color: alpha(currentColor, 0.2);
}

.slate-notification progressbar progress,
.budgie-notification progressbar progress,
.budgie-osd progressbar progress {
  background-color: #00e676;
}

.budgie-notification button,
.budgie-notification .linked > button,
.budgie-osd button,
.budgie-osd .linked > button,
.budgie-session-dialog button,
.budgie-session-dialog .linked > button,
.budgie-polkit-dialog button,
.budgie-polkit-dialog .linked > button {
  border-image: none;
  color: rgba(129, 196, 191, 0.87);
}

.budgie-notification button:hover,
.budgie-notification button:active,
.budgie-notification button:checked,
.budgie-notification .linked > button:hover,
.budgie-notification .linked > button:active,
.budgie-notification .linked > button:checked,
.budgie-osd button:hover,
.budgie-osd button:active,
.budgie-osd button:checked,
.budgie-osd .linked > button:hover,
.budgie-osd .linked > button:active,
.budgie-osd .linked > button:checked,
.budgie-session-dialog button:hover,
.budgie-session-dialog button:active,
.budgie-session-dialog button:checked,
.budgie-session-dialog .linked > button:hover,
.budgie-session-dialog .linked > button:active,
.budgie-session-dialog .linked > button:checked,
.budgie-polkit-dialog button:hover,
.budgie-polkit-dialog button:active,
.budgie-polkit-dialog button:checked,
.budgie-polkit-dialog .linked > button:hover,
.budgie-polkit-dialog .linked > button:active,
.budgie-polkit-dialog .linked > button:checked {
  color: #81c4bf;
}

.budgie-notification button:disabled,
.budgie-notification .linked > button:disabled,
.budgie-osd button:disabled,
.budgie-osd .linked > button:disabled,
.budgie-session-dialog button:disabled,
.budgie-session-dialog .linked > button:disabled,
.budgie-polkit-dialog button:disabled,
.budgie-polkit-dialog .linked > button:disabled {
  color: rgba(129, 196, 191, 0.4);
}

window.budgie-switcher-window {
  border-radius: 2px;
  background-color: transparent;
}

window.budgie-switcher-window .drop-shadow {
  margin: 8px 8px 16px;
  border-radius: 2px;
  background-color: rgba(34, 45, 50, 0.9);
  box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2);
}

window.budgie-switcher-window .drop-shadow label.budgie-switcher-title {
  min-width: 570px;
  min-height: 26.6px;
  color: #81c4bf;
  font-weight: 500;
}

window.budgie-switcher-window
  .drop-shadow
  label.budgie-switcher-title:dir(ltr) {
  padding: 0 0 0 6px;
}

window.budgie-switcher-window
  .drop-shadow
  label.budgie-switcher-title:dir(rtl) {
  padding: 0 6px 0 0;
}

window.budgie-switcher-window flowboxchild {
  margin: 3px;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
  color: rgba(129, 196, 191, 0.87);
  background-color: transparent;
}

window.budgie-switcher-window flowboxchild:hover,
window.budgie-switcher-window flowboxchild:active {
  background-color: rgba(77, 182, 172, 0.12);
  color: #81c4bf;
}

window.budgie-switcher-window flowboxchild:selected {
  background-color: rgba(77, 182, 172, 0.25);
  color: #81c4bf;
  -gtk-icon-effect: highlight;
}

window.budgie-switcher-window flowboxchild:selected:disabled {
  background-color: rgba(207, 216, 220, 0.12);
  -gtk-icon-effect: dim;
}

window.budgie-switcher-window flowboxchild:selected:disabled,
window.budgie-switcher-window flowboxchild:selected:disabled label {
  color: rgba(207, 216, 220, 0.28);
}

.background.csd.budgie-run-dialog {
  border-radius: 2px;
  border: none;
  background-color: rgba(34, 45, 50, 0.9);
}

.background.csd.budgie-run-dialog scrolledwindow {
  border-image: none;
  background-color: transparent;
}

.background.csd.budgie-run-dialog scrolledwindow list {
  background-color: transparent;
}

.background.csd.budgie-run-dialog scrolledwindow list row.activatable {
  background-color: transparent;
  color: rgba(207, 216, 220, 0.87);
  transition: none;
}

.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable
  .dim-label,
.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable
  .titlebar
  .subtitle,
.titlebar
  .background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable
  .subtitle,
.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable
  headerbar
  .subtitle,
headerbar
  .background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable
  .subtitle,
.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable
  .night-light-indicator
  .view-header
  label,
.night-light-indicator
  .view-header
  .background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable
  label {
  color: rgba(207, 216, 220, 0.87);
  opacity: 1;
}

.background.csd.budgie-run-dialog scrolledwindow list row.activatable:hover,
.background.csd.budgie-run-dialog scrolledwindow list row.activatable:active {
  color: @theme_text_color;
}

.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:hover
  .dim-label,
.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:hover
  .titlebar
  .subtitle,
.titlebar
  .background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:hover
  .subtitle,
.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:hover
  headerbar
  .subtitle,
headerbar
  .background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:hover
  .subtitle,
.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:hover
  .night-light-indicator
  .view-header
  label,
.night-light-indicator
  .view-header
  .background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:hover
  label,
.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:active
  .dim-label,
.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:active
  .titlebar
  .subtitle,
.titlebar
  .background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:active
  .subtitle,
.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:active
  headerbar
  .subtitle,
headerbar
  .background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:active
  .subtitle,
.background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:active
  .night-light-indicator
  .view-header
  label,
.night-light-indicator
  .view-header
  .background.csd.budgie-run-dialog
  scrolledwindow
  list
  row.activatable:active
  label {
  color: @theme_text_color;
  opacity: 1;
}

.background.csd.budgie-run-dialog box > box entry,
.background.csd.budgie-run-dialog box > box spinbutton:not(.vertical) {
  min-height: 2.8rem;
  color: @theme_text_color;
  caret-color: @theme_text_color;
  font-size: 110%;
}

.background.csd.budgie-run-dialog box > box entry:focus,
.background.csd.budgie-run-dialog box > box spinbutton:focus:not(.vertical) {
  color: @theme_base_color;
  caret-color: @theme_base_color;
}

.background.csd.budgie-run-dialog box > box entry:disabled,
.background.csd.budgie-run-dialog box > box spinbutton:disabled:not(.vertical) {
  color: rgba(207, 216, 220, 0.28);
}

.background.csd.budgie-run-dialog
  box
  > box
  entry
  image:not(:hover):not(:active),
.background.csd.budgie-run-dialog
  box
  > box
  spinbutton:not(.vertical)
  image:not(:hover):not(:active) {
  color: @theme_text_color;
}

.background.csd.budgie-run-dialog box > box entry image:active,
.background.csd.budgie-run-dialog
  box
  > box
  spinbutton:not(.vertical)
  image:active {
  color: @theme_selected_bg_color;
}

.background.csd.budgie-run-dialog box > box entry image:disabled,
.background.csd.budgie-run-dialog
  box
  > box
  spinbutton:not(.vertical)
  image:disabled {
  color: rgba(207, 216, 220, 0.28);
}

.background.csd.budgie-run-dialog scrollbar {
  border: none;
  background: none;
}

.background.csd.budgie-run-dialog scrollbar slider {
  background-color: rgba(207, 216, 220, 0.297);
}

.background.csd.budgie-run-dialog scrollbar slider:hover {
  background-color: rgba(207, 216, 220, 0.4785);
}

.background.csd.budgie-run-dialog scrollbar slider:active {
  background-color: @theme_text_color;
}

.background.csd.budgie-run-dialog scrollbar slider:disabled {
  opacity: 0.4;
}

.budgie-session-dialog,
.budgie-polkit-dialog {
  border-radius: 2px;
  border-width: 0;
  background-color: rgba(34, 45, 50, 0.9);
  color: @theme_text_color;
  font-weight: 700;
}

.budgie-session-dialog decoration,
.budgie-polkit-dialog decoration {
  border-radius: 2px;
  box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.16), 0 10px 6px rgba(0, 0, 0, 0.2);
}

.budgie-session-dialog decoration:backdrop,
.budgie-polkit-dialog decoration:backdrop {
  box-shadow: 0 6px 8px -4px transparent, 0 10px 6px transparent,
    0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
  transition: none;
}

.budgie-session-dialog buttonbox.linked > button,
.budgie-polkit-dialog buttonbox.linked > button {
  padding: 0.7rem 1rem 0.8rem;
  border: 2px solid transparent;
  border-radius: 0;
}

.budgie-session-dialog buttonbox.linked > button:first-child,
.budgie-polkit-dialog buttonbox.linked > button:first-child {
  border-radius: 0 0 0 2px;
  border-right-width: 0;
}

.budgie-session-dialog buttonbox.linked > button:last-child,
.budgie-polkit-dialog buttonbox.linked > button:last-child {
  border-radius: 0 0 2px 0;
  border-left-width: 0;
}

.budgie-polkit-dialog entry,
.budgie-polkit-dialog spinbutton:not(.vertical),
.budgie-polkit-dialog entry:focus,
.budgie-polkit-dialog spinbutton:focus:not(.vertical) {
  color: @theme_text_color;
  caret-color: @theme_text_color;
}

.budgie-polkit-dialog entry:disabled,
.budgie-polkit-dialog spinbutton:disabled:not(.vertical) {
  color: rgba(207, 216, 220, 0.28);
}

.budgie-polkit-dialog .message {
  color: rgba(207, 216, 220, 0.87);
}

.budgie-polkit-dialog .failure {
  color: #f44336;
  font-weight: 700;
}

button.flat.raven-trigger {
  min-width: 16px;
  min-height: 16px;
  padding: 0;
  border-radius: 0;
  color: @theme_text_color;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

button.flat.raven-trigger:hover,
button.flat.raven-trigger:checked {
  background-image: image(transparent);
  background-color: transparent;
  color: @theme_base_color;
}

button.flat.raven-trigger:active {
  color: @theme_base_color;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0s;
  animation: budgie_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
}

button.flat.raven-trigger image {
  margin: 0 3px;
}

.left button.flat.raven-trigger image,
.right button.flat.raven-trigger image {
  margin: 3px 0;
}

.drop-shadow {
  background-color: transparent;
  background-image: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

window.background.budgie-settings-window.csd
  > box.horizontal
  > scrolledwindow
  > viewport.frame:dir(ltr) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
}

window.background.budgie-settings-window.csd
  > box.horizontal
  > scrolledwindow
  > viewport.frame:dir(rtl) {
  border-left: 1px solid rgba(0, 0, 0, 0.09);
}

window.background.budgie-settings-window.csd
  box.settings-page.vertical
  box.settings-frame.vertical
  > grid.horizontal {
  margin-bottom: 6px;
}

window.background.budgie-settings-window.csd
  box.settings-page.vertical
  buttonbox.inline-toolbar {
  border-style: none none solid;
}

window.background.budgie-settings-window.csd
  box.settings-page.vertical
  frame
  > box.vertical
  > overlay
  > label.dim-label,
window.background.budgie-settings-window.csd
  box.settings-page.vertical
  .titlebar
  frame
  > box.vertical
  > overlay
  > label.subtitle,
.titlebar
  window.background.budgie-settings-window.csd
  box.settings-page.vertical
  frame
  > box.vertical
  > overlay
  > label.subtitle,
window.background.budgie-settings-window.csd
  box.settings-page.vertical
  headerbar
  frame
  > box.vertical
  > overlay
  > label.subtitle,
headerbar
  window.background.budgie-settings-window.csd
  box.settings-page.vertical
  frame
  > box.vertical
  > overlay
  > label.subtitle,
window.background.budgie-settings-window.csd
  box.settings-page.vertical
  .night-light-indicator
  .view-header
  frame
  > box.vertical
  > overlay
  > label,
.night-light-indicator
  .view-header
  window.background.budgie-settings-window.csd
  box.settings-page.vertical
  frame
  > box.vertical
  > overlay
  > label {
  font-size: 110%;
  font-weight: 500;
}

window.background.budgie-settings-window.csd
  box.settings-page.vertical
  frame
  > box.vertical
  > overlay
  > button.popup.suggested-action.toggle {
  margin: 8px;
}

window.background.budgie-settings-window.csd
  box.settings-page.vertical
  frame
  > box.vertical
  list
  > row:dir(ltr) {
  padding-right: 12px;
}

window.background.budgie-settings-window.csd
  box.settings-page.vertical
  frame
  > box.vertical
  list
  > row:dir(rtl) {
  padding-left: 12px;
}

.lightdm-gtk-greeter #panel_window {
  background-image: image(#13191c);
  color: @theme_text_color;
  box-shadow: none;
  font-weight: 700;
  text-shadow: none;
}

.lightdm-gtk-greeter #panel_window,
.lightdm-gtk-greeter .background#panel_window,
.lightdm-gtk-greeter #panel_window > * > * {
  background-color: transparent;
}

.lightdm-gtk-greeter #panel_window menubar,
window.background.lightdm menubar {
  background-color: transparent;
  color: @theme_text_color;
}

.lightdm-gtk-greeter #panel_window menubar:hover,
window.background.lightdm menubar:hover {
  color: @theme_base_color;
  box-shadow: inset 0 2px @theme_selected_bg_color;
}

.lightdm-gtk-greeter #panel_window menubar:hover label,
window.background.lightdm menubar:hover label,
.lightdm-gtk-greeter #panel_window menubar:hover image,
window.background.lightdm menubar:hover image {
  color: @theme_base_color;
}

.lightdm-gtk-greeter #panel_window menubar > menuitem,
window.background.lightdm menubar > menuitem {
  padding: 0.4rem 0 0.5rem;
  background-color: transparent;
}

.lightdm-gtk-greeter #panel_window menubar > menuitem:hover,
window.background.lightdm menubar > menuitem:hover {
  box-shadow: inset 0 2px @theme_selected_bg_color;
}

.lightdm-gtk-greeter #panel_window menubar menu menuitem,
window.background.lightdm window.background.popup > menu menuitem {
  padding: 0.4rem 0.6rem 0.5rem;
  font-weight: 400;
  text-shadow: none;
}

.lightdm-gtk-greeter #panel_window menubar menu menuitem,
window.background.lightdm window.background.popup > menu menuitem,
.lightdm-gtk-greeter #panel_window menubar menu menuitem label,
window.background.lightdm window.background.popup > menu menuitem label {
  color: rgba(38, 50, 56, 0.87);
}

.lightdm-gtk-greeter #panel_window menubar menu menuitem:hover,
window.background.lightdm window.background.popup > menu menuitem:hover,
.lightdm-gtk-greeter #panel_window menubar menu menuitem:hover label,
window.background.lightdm window.background.popup > menu menuitem:hover label {
  color: @theme_fg_color;
}

.lightdm-gtk-greeter #panel_window menubar menu menuitem:disabled,
window.background.lightdm window.background.popup > menu menuitem:disabled,
.lightdm-gtk-greeter #panel_window menubar menu menuitem:disabled label,
window.background.lightdm
  window.background.popup
  > menu
  menuitem:disabled
  label {
  color: rgba(38, 50, 56, 0.28);
}

.lightdm-gtk-greeter #login_window entry,
.lightdm-gtk-greeter #login_window spinbutton:not(.vertical),
window.background.lightdm entry,
window.background.lightdm spinbutton:not(.vertical),
window.background.lightdm .lightdm-combo entry {
  min-height: 2.8rem;
  padding: 0 4px;
  font-family: monospace;
}

.lightdm-gtk-greeter #login_window entry,
.lightdm-gtk-greeter #login_window spinbutton:not(.vertical),
window.background.lightdm entry,
window.background.lightdm spinbutton:not(.vertical),
window.background.lightdm .lightdm-combo entry,
.lightdm-gtk-greeter #login_window entry:focus,
.lightdm-gtk-greeter #login_window spinbutton:focus:not(.vertical),
window.background.lightdm entry:focus,
window.background.lightdm spinbutton:focus:not(.vertical) {
  color: @theme_text_color;
  caret-color: @theme_text_color;
}

.lightdm-gtk-greeter #login_window entry:disabled,
.lightdm-gtk-greeter #login_window spinbutton:disabled:not(.vertical),
window.background.lightdm entry:disabled,
window.background.lightdm spinbutton:disabled:not(.vertical) {
  color: rgba(207, 216, 220, 0.28);
}

.lightdm-gtk-greeter window.background.popup > menu,
window.background.lightdm window.background.popup > menu {
  margin: unset;
  padding: 1px;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: @theme_base_color @borders @borders;
  background-clip: border-box;
}

.lightdm-gtk-greeter #panel_window menubar label,
.lightdm-gtk-greeter #panel_window menubar image {
  padding: 0 0.5rem;
  color: @theme_text_color;
}

.lightdm-gtk-greeter #login_window,
.lightdm-gtk-greeter #restart_dialog,
.lightdm-gtk-greeter #shutdown_dialog {
  padding: 0;
  border-style: solid;
  border-width: 10px;
  border-radius: 2px;
  border-image: -gtk-scaled(
      url('../assets/osd-shadow.png'),
      url('../assets/osd-shadow@2.png')
    )
    10/10px stretch;
  background-color: rgba(34, 45, 50, 0.9);
  color: @theme_text_color;
  box-shadow: none;
}

.lightdm-gtk-greeter #login_window button,
.lightdm-gtk-greeter #restart_dialog button,
.lightdm-gtk-greeter #shutdown_dialog button {
  padding: 0.7rem 1rem 0.8rem;
  color: rgba(207, 216, 220, 0.87);
}

.lightdm-gtk-greeter #login_window button:hover,
.lightdm-gtk-greeter #login_window button:active,
.lightdm-gtk-greeter #restart_dialog button:hover,
.lightdm-gtk-greeter #restart_dialog button:active,
.lightdm-gtk-greeter #shutdown_dialog button:hover,
.lightdm-gtk-greeter #shutdown_dialog button:active {
  color: @theme_text_color;
}

.lightdm-gtk-greeter #login_window button:disabled,
.lightdm-gtk-greeter #restart_dialog button:disabled,
.lightdm-gtk-greeter #shutdown_dialog button:disabled {
  color: rgba(207, 216, 220, 0.28);
}

.lightdm-gtk-greeter #login_window button#login_button {
  background-color: #009688;
  color: rgba(255, 255, 255, 0.87);
}

.lightdm-gtk-greeter #login_window button#login_button:hover {
  background-color: #009688;
  color: @theme_base_color;
}

.lightdm-gtk-greeter #login_window button#login_button:active {
  background-color: @theme_selected_bg_color;
  color: @theme_base_color;
}

.lightdm-gtk-greeter #login_window button#login_button:checked {
  background-color: #33aba0;
}

.lightdm-gtk-greeter #login_window button#login_button:disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.28);
}

.lightdm-gtk-greeter #restart_dialog button#restart_button {
  background-color: #ff5252;
  color: rgba(255, 255, 255, 0.87);
}

.lightdm-gtk-greeter #restart_dialog button#restart_button:hover {
  background-color: #ff5252;
  color: @theme_base_color;
}

.lightdm-gtk-greeter #restart_dialog button#restart_button:active {
  background-color: @theme_selected_bg_color;
  color: @theme_base_color;
}

.lightdm-gtk-greeter #restart_dialog button#restart_button:checked {
  background-color: #ff7575;
}

.lightdm-gtk-greeter #restart_dialog button#restart_button:disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.28);
}

.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button {
  background-color: #ff5252;
  color: rgba(255, 255, 255, 0.87);
}

.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:hover {
  background-color: #ff5252;
  color: @theme_base_color;
}

.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:active {
  background-color: @theme_selected_bg_color;
  color: @theme_base_color;
}

.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:checked {
  background-color: #ff7575;
}

.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.28);
}

.lightdm-gtk-greeter #login_window button.combo {
  min-height: 2.8rem;
  padding: 0 8px;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(alpha(currentColor, 0.2)),
      to(transparent)
    )
    0 0 1/0 0 1px;
  color: @theme_text_color;
  font-weight: 500;
}

.lightdm-gtk-greeter #login_window button.combo:hover,
.lightdm-gtk-greeter #login_window button.combo:active {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
  color: @theme_base_color;
}

.lightdm-gtk-greeter #login_window button.combo:disabled,
.lightdm-gtk-greeter #login_window button.combo:checked:disabled {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(alpha(currentColor, 0.2)),
      to(transparent)
    )
    0 0 1/0 0 1px;
  color: rgba(207, 216, 220, 0.28);
}

.lightdm-gtk-greeter #login_window infobar.error,
.lightdm-gtk-greeter #login_window NautilusTrashBar.error {
  margin: 0 4px;
  border: none;
  background-color: transparent;
  color: #f44336;
  font-weight: 700;
  font-size: 110%;
  transition: none;
}

.lightdm-gtk-greeter #content_frame {
  padding-bottom: 14px;
}

.lightdm-gtk-greeter #buttonbox_frame {
  padding-top: 8px;
}

window.background.lightdm menubar {
  padding-top: 2.5px;
  font-weight: 700;
  text-shadow: none;
}

window.background.lightdm menubar > menuitem {
  padding: 0 0.5rem;
}

window.background.lightdm menubar > menuitem label,
window.background.lightdm menubar > menuitem image {
  color: @theme_text_color;
}

window.background.lightdm menubar > menuitem:hover {
  box-shadow: inset 0 2px @theme_selected_bg_color;
}

window.background.lightdm menubar > menuitem label {
  margin: 0 2px 0.1rem;
}

window.background.lightdm button:not(.option-button):not(.toggle-button) {
  padding: 0.5rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

window.background.lightdm button.flat.option-button {
  padding: 0.5rem;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
  color: @theme_text_color;
}

window.background.lightdm button.flat.option-button image {
  opacity: 0.87;
}

window.background.lightdm button.flat.option-button:hover,
window.background.lightdm button.flat.option-button:active {
  color: @theme_base_color;
}

window.background.lightdm button.flat.option-button:hover image,
window.background.lightdm button.flat.option-button:active image {
  opacity: 1;
}

window.background.lightdm button,
window.background.lightdm button.toggle-button {
  padding: 0.75rem 1rem;
  border-radius: 0;
  -gtk-outline-radius: 0;
  background-color: transparent;
  color: @theme_text_color;
  font-size: 110%;
  font-weight: 500;
}

window.background.lightdm button label,
window.background.lightdm button.toggle-button label {
  padding-bottom: 0.1rem;
}

window.background.lightdm button image,
window.background.lightdm button.toggle-button image {
  opacity: 0.87;
}

window.background.lightdm button:hover image,
window.background.lightdm button:active image,
window.background.lightdm button.selected image,
window.background.lightdm button.toggle-button:hover image,
window.background.lightdm button.toggle-button:active image,
window.background.lightdm button.toggle-button.selected image {
  opacity: 1;
}

window.background.lightdm button:hover,
window.background.lightdm button.toggle-button:hover {
  background-color: transparent;
  color: @theme_base_color;
}

window.background.lightdm button:active,
window.background.lightdm button.toggle-button:active {
  background-color: transparent;
  color: @theme_base_color;
}

window.background.lightdm button.toggle-button.selected {
  background-image: image(@theme_selected_bg_color);
}

window.background.lightdm button.toggle-button.selected,
window.background.lightdm button.toggle-button.selected:hover {
  color: @theme_base_color;
}

window.background.lightdm button.toggle-button.selected image,
window.background.lightdm button.toggle-button.selected:hover image {
  opacity: 1;
}

window.background.lightdm entry:active,
window.background.lightdm spinbutton:active:not(.vertical) {
  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
  animation: spinner 1s linear infinite;
}

window.background.lightdm .lightdm-combo {
  border-radius: 0;
  background-color: transparent;
}

stack button.profile-button:checked {
  color: @theme_fg_color;
}

headerbar.titlebar box button.toggle.account-button {
  min-width: 16px;
  min-height: 16px;
  padding: 0.5rem 0.8rem 0.5rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

headerbar.titlebar box button.toggle.account-button .avatar-round {
  border-color: transparent;
}

box.topbar {
  border-bottom: 1px solid @borders;
}

box.topbar > button.image-button.radio {
  all: unset;
}

box.topbar > button.image-button.radio > image {
  min-width: 24px;
  min-height: 24px;
  padding: 0.5rem;
  background-image: radial-gradient(
    circle farthest-corner at center,
    rgba(207, 216, 220, 0.4) 25%,
    transparent 0%
  );
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0% 0%;
  background-color: #009688;
  transition: background-image 0s cubic-bezier(0, 0, 0.2, 1),
    background-size 0s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
}

box.topbar > button.image-button.radio:hover > image {
  background-color: #199e92;
  box-shadow: inset 0 -2px rgba(207, 216, 220, 0.2);
}

box.topbar > button.image-button.radio:checked > image {
  background-image: radial-gradient(
    circle farthest-corner at center,
    rgba(207, 216, 220, 0) 25%,
    transparent 0%
  );
  background-size: 400% 400%;
  background-color: #199e92;
  box-shadow: inset 0 -2px @theme_base_color;
  transition: background-image 0.4s cubic-bezier(0, 0, 0.2, 1),
    background-size 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

box.topbar > button.image-button.radio:checked:hover > image {
  background-color: #34a79d;
  box-shadow: inset 0 -2px @theme_base_color;
}

list > row.activatable.tweet {
  background-image: none;
}

list > row.activatable.tweet:hover {
  background-image: none;
}

list > row.activatable.tweet,
list > row.activatable.tweet widget.inline-media,
list > row.activatable.tweet button.text-only-button {
  transition: none;
}

list > row.activatable.tweet:active,
list > row.activatable.tweet widget.inline-media:active,
list > row.activatable.tweet button.text-only-button:active {
  animation: none;
}

list > row.activatable.tweet label,
list > row.activatable.tweet widget.inline-media label,
list > row.activatable.tweet button.text-only-button label {
  transition: none;
}

list > row.activatable.tweet grid.horizontal.quote label {
  opacity: 0.87;
}

list > row.activatable.tweet grid.horizontal.quote label.dim-label,
list > row.activatable.tweet grid.horizontal.quote .titlebar label.subtitle,
.titlebar list > row.activatable.tweet grid.horizontal.quote label.subtitle,
list > row.activatable.tweet grid.horizontal.quote headerbar label.subtitle,
headerbar list > row.activatable.tweet grid.horizontal.quote label.subtitle,
list
  > row.activatable.tweet
  grid.horizontal.quote
  .night-light-indicator
  .view-header
  label,
.night-light-indicator
  .view-header
  list
  > row.activatable.tweet
  grid.horizontal.quote
  label {
  opacity: 0.4;
}

list > row.activatable.tweet:dir(ltr) {
  border-image: linear-gradient(
      to right,
      transparent 72px,
      rgba(0, 0, 0, 0.09) 72px,
      rgba(0, 0, 0, 0.09)
    )
    0 0 1/0 0 1px;
}

list > row.activatable.tweet:dir(rtl) {
  border-image: linear-gradient(
      to left,
      transparent 72px,
      rgba(0, 0, 0, 0.09) 72px,
      rgba(0, 0, 0, 0.09)
    )
    0 0 1/0 0 1px;
}

stack > box.vertical list > row.activatable.tweet:dir(ltr),
stack > box.vertical list > row.activatable.tweet:dir(rtl) {
  border-image: image(@borders) 0 0 1/0 0 1px;
}

scrolledwindow
  > viewport.frame
  > list
  > stack
  > box.vertical
  > button.text-button {
  margin-bottom: 1rem;
}

stack > grid.horizontal > widget > button.close-button.image-button {
  background-color: #ff5252;
  color: rgba(255, 255, 255, 0.87);
}

stack > grid.horizontal > widget > button.close-button.image-button:hover {
  background-color: #ff5252;
  color: @theme_base_color;
}

stack > grid.horizontal > widget > button.close-button.image-button:active {
  background-color: @theme_selected_bg_color;
  color: @theme_base_color;
}

stack > grid.horizontal > widget > button.close-button.image-button:checked {
  background-color: #ff7575;
}

stack > grid.horizontal > widget > button.close-button.image-button:disabled {
  background-color: alpha(currentColor, 0.12);
  color: rgba(38, 50, 56, 0.28);
}

window.background:not(.csd):not(.solid-csd):not(.unity-csd)
  > frame
  > scrolledwindow
  > scrollbar {
  background-color: rgba(255, 255, 255, 0.55);
}

window.background:not(.csd):not(.solid-csd):not(.unity-csd)
  > frame
  > scrolledwindow
  > scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
  background-color: rgba(255, 255, 255, 0.55);
}

window.background
  > popover.background
  > frame
  > list
  > row.activatable
  > grid.horizontal
  > button.flat.image-button {
  transition-property: opacity, border-color, border-image, background-color,
    background-image, box-shadow, icon-shadow;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 0.2s;
}

window.background:not(.csd):not(.solid-csd)
  > overlay
  > box.nobg.osd
  > revealer
  > button,
window.background:not(.csd):not(.solid-csd) > overlay > revealer > button.osd {
  min-width: 24px;
  min-height: 24px;
}

replyindicator {
  background-image: image(#4db6ac);
}

grid.tweet-info-grid.view {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.nemo-window .nemo-window-pane scrolledwindow widget > widget.entry,
.nemo-window .nemo-window-pane scrolledwindow widget > widget.entry:focus {
  transition: none;
}

.nemo-window infobar.error label,
.nemo-window NautilusTrashBar.error label {
  font-size: 110%;
  font-weight: 700;
}

.nemo-window grid > box > box > toolbar.primary-toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18),
    inset 0 4px 2px -4px rgba(0, 0, 0, 0.2),
    inset 0 8px 3px -5px rgba(0, 0, 0, 0.24);
}

.nemo-window grid > box > box > toolbar.primary-toolbar > button.flat.toggle {
  min-height: 32px;
  min-width: 32px;
  padding: 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.nemo-window grid > box > box > toolbar.primary-toolbar .linked.raised > button,
.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .linked.raised
  > button.text-button.toggle,
.nemo-window grid > box > box > toolbar.primary-toolbar .raised > button,
.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .raised
  > button.text-button.toggle {
  min-height: 2rem;
  min-width: 2rem;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .linked.raised
  > button
  > widget,
.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .linked.raised
  > button.text-button.toggle
  > widget,
.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .raised
  > button
  > widget,
.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .raised
  > button.text-button.toggle
  > widget {
  padding: 0.3rem 0;
}

.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .linked.raised
  > button.image-button,
.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .linked.raised
  > button.image-button.toggle,
.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .raised
  > button.image-button,
.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .raised
  > button.image-button.toggle {
  min-height: 32px;
  min-width: 32px;
  padding: 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  .raised:not(.linked)
  > button:not(.text-button):not(.toggle) {
  min-height: 32px;
  min-width: 32px;
  padding: 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  box.horizontal
  > widget
  > entry,
.nemo-window
  grid
  > box
  > box
  > toolbar.primary-toolbar
  box.horizontal
  > widget
  > spinbutton:not(.vertical),
.nemo-window grid > box > box > toolbar.primary-toolbar button.text-button {
  padding-top: 0.4rem;
  padding-bottom: 0.5rem;
}

.nemo-window grid > paned > box > paned > box > notebook,
.nemo-window
  grid
  > paned
  > box
  > paned
  > box
  > notebook
  > stack:not(:only-child) {
  background-color: @theme_base_color;
}

.nemo-window
  grid.vertical
  > paned.horizontal
  > box.vertical
  > scrolledwindow.frame {
  border-width: 0;
}

.nemo-window grid.vertical > widget {
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

.nemo-window grid.vertical > widget > box {
  padding: 0.2rem;
}

.nemo-window grid.vertical > widget > box > button.image-button {
  min-width: 1rem;
  min-height: 2.2rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
  padding: 0 0.75rem 0;
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.001,
      to(alpha(currentColor, 0.2)),
      to(transparent)
    )
    0 0 0/0 0 0px;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
}

.nemo-window grid.vertical > widget > box > button.image-button:hover {
  border-image: none;
  background-color: transparent;
  color: @theme_fg_color;
}

.nemo-window grid.vertical > widget > box > button.image-button:checked {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
  background-color: transparent;
  color: @theme_fg_color;
}

.nemo-window
  grid.vertical
  > widget
  > box
  > button.image-button:checked:disabled {
  border-image: none;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.28);
}

.nemo-window grid.vertical > widget > box > button.image-button:disabled {
  border-image: none;
  background-color: transparent;
  color: rgba(38, 50, 56, 0.2436);
}

.nemo-window grid.vertical > widget box > separator.vertical {
  min-width: 0;
  color: transparent;
  background-color: transparent;
}

window
  > headerbar
  > widget
  > box.horizontal
  > grid.horizontal
  > button.toggle.image-button {
  min-width: 24px;
  min-height: 24px;
  padding: 0.5rem;
}

window > headerbar > widget > box.horizontal > button.image-button {
  min-width: 24px;
  min-height: 24px;
  margin: -2px 0;
  padding: 0.5rem;
}

window.background
  > grid.vertical
  > stack
  > paned.horizontal
  > widget
  grid.vertical
  > scrolledwindow
  > treeview.view.sidebar {
  background-color: transparent;
  font-weight: 500;
}

window.background
  > grid.vertical
  > stack
  > paned.horizontal
  > paned.horizontal
  > grid
  grid
  > grid
  button.flat.image-button,
window.background
  > grid.vertical
  > stack
  > paned.horizontal
  > paned.horizontal
  > grid
  grid
  > grid
  button.flat.image-button.toggle {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

row.trackrow button.image-button:not(.text-button),
row.trackrowplaying button.image-button:not(.text-button) {
  margin: 0;
}

.track-menu-button {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

grid.popover-rating-loved-grid {
  margin-bottom: calc(12px + 0.5rem);
}

window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  iconview,
window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  iconview.view,
window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  iconview,
window.background:not(.csd) > box.vertical > scrolledwindow > viewport iconview,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  iconview.view,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  iconview {
  background-color: transparent;
}

window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  iconview:selected
  label,
window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  iconview.view:selected
  label,
window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  iconview:selected
  label,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  iconview:selected
  label,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  iconview.view:selected
  label,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  iconview:selected
  label {
  color: @theme_base_color;
}

window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  box.vertical
  > toolbar,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  box.vertical
  > toolbar {
  border: none;
  background-color: @theme_bg_color;
  box-shadow: none;
}

window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  box.vertical
  > toolbar
  *:not(button)
  > label,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  box.vertical
  > toolbar
  *:not(button)
  > label {
  padding: 0.4rem;
  color: rgba(38, 50, 56, 0.54);
}

window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  box.vertical
  > list,
window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  box.vertical
  > list
  > row,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  box.vertical
  > list,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  box.vertical
  > list
  > row {
  background-image: none;
  background-color: @theme_base_color;
  transition-duration: 0s;
}

window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  box.vertical
  > list
  > row:hover,
window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  box.vertical
  > list
  > row:active,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  box.vertical
  > list
  > row:hover,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  box.vertical
  > list
  > row:active {
  background-image: none;
  background-color: transparent;
  transition-duration: 0s;
  animation: none;
}

window.background:not(.csd)
  > box.vertical
  > stack
  > scrolledwindow
  > viewport
  box.vertical
  > list
  > row:selected,
window.background:not(.csd)
  > box.vertical
  > scrolledwindow
  > viewport
  box.vertical
  > list
  > row:selected {
  background-image: image(@theme_selected_bg_color);
  color: @theme_base_color;
}

.csstage .unlockbox {
  color: @theme_text_color;
  font-size: 110%;
  font-weight: 400;
}

.csstage .clock {
  color: @theme_text_color;
  font-size: 8.4rem;
  font-weight: 300;
}

.csstage .toppanel {
  border: none;
  color: @theme_text_color;
  background-color: transparent;
}

.csstage .audiopanel,
.csstage .infopanel {
  border: none;
  background-color: rgba(34, 45, 50, 0.9);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.16);
}

.csstage .audiopanel:not(.infopanel),
.csstage .infopanel:not(.infopanel) {
  border-radius: 0 0 2px 0;
}

.csstage .audiopanel:not(.audiopanel),
.csstage .infopanel:not(.audiopanel) {
  border-radius: 0 0 0 2px;
}

.csstage .notificationwidget,
.csstage .powerwidget {
  padding: 6px;
  color: @theme_text_color;
  background-color: transparent;
  font-size: 100%;
  font-weight: 500;
}

.csstage .auth-message {
  color: #f44336;
  font-size: 90%;
  font-weight: 700;
}

.csstage .caps-message {
  color: #ff9800;
  font-size: 90%;
  font-weight: 700;
}

.csstage .framedimage {
  border-radius: 2px;
  border: none;
  background-color: rgba(207, 216, 220, 0.12);
}

.csstage .passwordentry {
  border-radius: 0;
  -gtk-outline-radius: 0;
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(207, 216, 220, 0.87);
  border-radius: 0;
  caret-color: inherit;
  font-family: monospace;
  letter-spacing: 0.15rem;
}

.csstage .passwordentry:focus {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      @theme_selected_bg_color 100%,
      transparent
    )
    0 0 2/0 0 2px;
  color: @theme_text_color;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0s;
  caret-color: inherit;
}

.csstage .passwordentry:disabled {
  border-color: @borders;
  border-image: radial-gradient(
      circle farthest-corner at center,
      alpha(currentColor, 0.2) 100%,
      transparent
    )
    0 0 1/0 0 1px;
  background-color: transparent;
  color: rgba(207, 216, 220, 0.28);
}

.csstage .passwordentry:backdrop {
  color: @theme_selected_bg_color;
}

.csstage .passwordentry image.left {
  margin-right: 8px;
  color: inherit;
}

.csstage .transparentbutton {
  border: none;
  background-color: transparent;
}

.csstage .transparentbutton:not(:active):not(:disabled):not(hover) {
  background-color: transparent;
  color: rgba(77, 182, 172, 0.87);
}

.csstage .transparentbutton:hover {
  background-color: transparent;
  color: #4db6ac;
}

.csstage .transparentbutton:active {
  border-image: none;
  background-color: transparent;
  color: #4db6ac;
  box-shadow: none;
}

.csstage .transparentbutton:checked {
  border-image: none;
  background-color: transparent;
  color: #4db6ac;
  box-shadow: none;
}

.csstage .transparentbutton:disabled {
  background-color: rgba(207, 216, 220, 0.1044);
  color: rgba(207, 216, 220, 0.348);
}

.csstage .transparentbutton:disabled label,
.csstage .transparentbutton:disabled image {
  color: inherit;
}

.csstage .volumeslider {
  min-height: 24px;
  min-width: 100px;
  padding: 3px 0px;
  background-color: rgba(207, 216, 220, 0.2);
  color: #00e676;
}

.csstage .volumeslider:disabled {
  background-color: rgba(0, 230, 118, 0.2);
}

.csstage .trackname {
  font-size: 90%;
  color: rgba(207, 216, 220, 0.87);
  background-image: none;
  background-color: transparent;
}

.csstage .albumartist {
  font-size: 80%;
  color: rgba(207, 216, 220, 0.28);
  background-image: none;
  background-color: transparent;
}

.csstage viewport,
.csstage viewport.frame {
  border-style: none;
  background-color: transparent;
  background-image: none;
}

.XfceHeading {
  margin: 0;
  padding: 0;
  border-width: 0;
  background-image: none;
  background-color: @theme_bg_color;
  color: @theme_fg_color;
  text-shadow: none;
}

.xfce4-panel {
  background-color: #13191c;
  color: @theme_text_color;
  font-weight: 700;
  text-shadow: none;
  -gtk-icon-shadow: none;
}

.xfce4-panel,
.xfce4-panel frame > border {
  border: 0 none transparent;
}

.xfce4-panel.marching-ants {
  border: 1px dashed #ff5252;
}

.xfce4-panel button {
  padding: 0 4px;
  border: none;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  color: @theme_text_color;
  font-weight: 700;
  transition: none;
}

.xfce4-panel button:hover {
  background-color: transparent;
  background-image: none;
  color: @theme_base_color;
  box-shadow: inset 0 -2px alpha(currentColor, 0.2);
  transition: none;
}

.xfce4-panel button:active,
.xfce4-panel button:checked,
.xfce4-panel button:hover:checked,
.xfce4-panel button:disabled:checked {
  background-color: transparent;
  background-image: none;
  color: @theme_base_color;
  box-shadow: inset 0 -2px @theme_selected_bg_color;
  transition: none;
  animation: none;
}

.xfce4-panel button:active,
.xfce4-panel button:active:hover {
  background-color: rgba(207, 216, 220, 0.12);
}

.xfce4-panel menu {
  font-weight: 400;
  text-shadow: none;
  -gtk-icon-effect: none;
}

TopMenuAppMenuBar {
  background-color: #13191c;
  color: @theme_text_color;
  box-shadow: none;
}

TopMenuAppMenuBar > menuitem {
  color: @theme_text_color;
  background-color: transparent;
}

TopMenuAppMenuBar > menuitem:hover {
  color: @theme_base_color;
  box-shadow: inset 0 -2px @theme_selected_bg_color;
  transition: none;
}

window.background
  > paned.titlebar
  > headerbar.titlebar
  button.flat:not(.titlebutton):not(.image-button):not(.text-button):not(.toggle) {
  min-width: 14px;
  min-height: 14px;
  margin: 0.55rem 0;
  padding: 0 0.72rem;
}

paned.headerbar_pane.titlebar
  > headerbar.header_right.titlebar
  > box.linked.raised
  > button.toggle {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

overlay.article-list > stack > scrolledwindow > viewport.frame > list {
  background-color: @theme_bg_color;
}

overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:hover {
  background-color: alpha(currentColor, 0.12);
}

overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected,
overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected:focus {
  background-color: rgba(0, 188, 212, 0.25);
}

overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected:dir(ltr),
overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected:focus:dir(ltr) {
  box-shadow: inset 4px 0 @theme_selected_bg_color;
}

overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected:dir(rtl),
overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected:focus:dir(rtl) {
  box-shadow: inset -4px 0 @theme_selected_bg_color;
}

overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected
  label,
overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected
  label.headline-read,
overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected
  label.preview,
overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected:focus
  label,
overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected:focus
  label.headline-read,
overlay.article-list
  > stack
  > scrolledwindow
  > viewport.frame
  > list
  > row.activatable:selected:focus
  label.preview {
  color: @theme_fg_color;
}

revealer
  > widget
  > headerbar.imageOverlay.titlebar
  > box
  > button.close.titlebutton {
  min-width: 24px;
  min-height: 24px;
  padding: 0.5rem;
}

window > box.vertical > box.horizontal > toolbar {
  background-color: transparent;
  box-shadow: none;
}

window > box.vertical > box.horizontal > toolbar toolitem > box label,
window > box.vertical > box.horizontal > toolbar toolitem > box entry,
window
  > box.vertical
  > box.horizontal
  > toolbar
  toolitem
  > box
  spinbutton:not(.vertical) {
  min-height: 1rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  font-size: 90%;
}

window > box.vertical > box.horizontal > toolbar toolitem > box > label {
  color: rgba(38, 50, 56, 0.28);
}

window > box.vertical > box.horizontal > widget {
  background-color: transparent;
}

window.background:not(.solid-csd)
  > box.vertical
  > scrolledwindow
  widget
  > toolbar {
  box-shadow: none;
}

window.background:not(.solid-csd)
  > box.vertical
  > scrolledwindow
  widget
  > toolbar
  button {
  min-height: 28px;
  min-width: 28px;
  margin: 2px 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

window.background:not(.solid-csd)
  > box.vertical
  > scrolledwindow
  widget
  > toolbar
  separator {
  margin: 2px 0;
}

window.background:not(.solid-csd)
  > box.vertical
  > scrolledwindow
  > widget
  > widget {
  border-width: 0 0 1px;
  border-style: none none solid;
  border-color: transparent transparent @borders;
}

window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > entry,
window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > spinbutton:not(.vertical),
window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > combobox
  entry,
window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > combobox
  spinbutton:not(.vertical) {
  padding-top: 0;
  padding-bottom: 0;
}

window.background:not(.solid-csd)
  > box.vertical
  widget
  > frame
  > widget
  > widget
  > scrolledwindow
  > textview
  text {
  background-image: image(@theme_base_color);
}

window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > checkbutton
  check:hover,
window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > checkbutton
  check:active,
window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > checkbutton
  check:hover:checked,
window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > checkbutton
  check:hover:indeterminate,
window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > radiobutton
  radio:hover,
window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > radiobutton
  radio:active,
window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > radiobutton
  radio:hover:checked,
window.background:not(.solid-csd)
  > box.vertical
  scrolledwindow
  widget
  > widget
  > radiobutton
  radio:hover:indeterminate {
  animation: none;
}

.background.csd > box.vertical > box.background.horizontal,
.background.solid-csd > box.vertical > box.background.horizontal {
  padding: 0.2rem;
}

.background.csd > box.vertical > box.background.horizontal button,
.background.solid-csd > box.vertical > box.background.horizontal button {
  min-width: 37.3px;
  min-height: 37.3px;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  padding: 0;
}

.background.csd > box.vertical > box.background.horizontal scale,
.background.solid-csd > box.vertical > box.background.horizontal scale {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

.background.csd > box.vertical > box.background.horizontal scale > value.bottom,
.background.solid-csd
  > box.vertical
  > box.background.horizontal
  scale
  > value.bottom {
  color: @theme_fg_color;
}

.background.csd
  > box.vertical
  > box.background.horizontal
  scale
  contents
  > trough
  > slider,
.background.solid-csd
  > box.vertical
  > box.background.horizontal
  scale
  contents
  > trough
  > slider {
  min-height: 1.5rem;
  min-width: 1.5rem;
  margin: -0.71rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: -gtk-scaled(
    url('../assets/slider.png'),
    url('../assets/slider@2.png')
  );
}

.background.csd
  > box.vertical
  > box.background.horizontal
  scale
  contents
  > trough
  > slider:not(:hover):not(:active),
.background.solid-csd
  > box.vertical
  > box.background.horizontal
  scale
  contents
  > trough
  > slider:not(:hover):not(:active) {
  background-size: 80%;
}

.background.csd
  > box.vertical
  > box.background.horizontal
  scale
  contents
  > trough
  > slider:hover,
.background.solid-csd
  > box.vertical
  > box.background.horizontal
  scale
  contents
  > trough
  > slider:hover {
  margin: -0.71rem;
  background-image: -gtk-scaled(
    url('../assets/slider.png'),
    url('../assets/slider@2.png')
  );
  background-size: 100%;
}

.background.csd
  > box.vertical
  > box.background.horizontal
  scale
  contents
  > trough
  > slider:active,
.background.solid-csd
  > box.vertical
  > box.background.horizontal
  scale
  contents
  > trough
  > slider:active {
  margin: -0.71rem;
  background-image: -gtk-scaled(
    url('../assets/slider-active.png'),
    url('../assets/slider-active@2.png')
  );
}

.background.csd
  > box.vertical
  > box.background.horizontal
  scale
  contents
  > trough
  > slider:disabled,
.background.solid-csd
  > box.vertical
  > box.background.horizontal
  scale
  contents
  > trough
  > slider:disabled {
  background-image: -gtk-scaled(
    url('../assets/slider-insensitive.png'),
    url('../assets/slider-insensitive@2.png')
  );
}

#MozillaGtkWidget.background > widget > button.combo,
#MozillaGtkWidget.background > widget > button,
#MozillaGtkWidget.background > widget > button:not(.combo) > button {
  min-width: unset;
  min-height: unset;
  padding: 7px 11px 8px;
}

#MozillaGtkWidget.background > widget > entry,
#MozillaGtkWidget.background > widget > spinbutton:not(.vertical) {
  min-width: 28px;
  min-height: 28px;
  padding: 0 7px;
}

window#MozillaGtkWidget.background,
window#MozillaGtkWidget.background decoration,
window#MozillaGtkWidget.background headerbar.titlebar {
  border-radius: 0;
}

#MozillaGtkWidget.background {
  background-color: @theme_base_color;
}

#MozillaGtkWidget.background headerbar.titlebar {
  padding: 2px 0;
  border-radius: 2px 2px 0 0;
  border-top: 1px solid #29353b;
}

#MozillaGtkWidget.background .background,
#MozillaGtkWidget.background frame,
#MozillaGtkWidget.background separator,
#MozillaGtkWidget.background scrolledwindow {
  background-color: @theme_bg_color;
}

#MozillaGtkWidget.background scrollbar {
  background-color: @theme_base_color;
}

#MozillaGtkWidget.background *:not(menuitem):hover,
#MozillaGtkWidget.background *:not(menuitem):hover button,
#MozillaGtkWidget.background *:focus,
#MozillaGtkWidget.background *:focus button,
#MozillaGtkWidget.background *:active,
#MozillaGtkWidget.background *:active button,
#MozillaGtkWidget.background *:checked,
#MozillaGtkWidget.background *:checked button {
  color: @theme_fg_color;
}

#MozillaGtkWidget.background menubar > menuitem {
  color: rgba(207, 216, 220, 0.87);
}

#MozillaGtkWidget.background menubar > menuitem:hover {
  color: @theme_text_color;
}

#MozillaGtkWidget.background menubar > menuitem:disabled {
  color: rgba(207, 216, 220, 0.28);
}

#MozillaGtkWidget.background > window.background > menu {
  border: unset;
  background-color: #fdfdfe;
}

#MozillaGtkWidget.background > window.background > menu > separator {
  padding: 3px 0 4px;
  border-top: 3px solid #fdfdfe;
  border-bottom: 4px solid #fdfdfe;
  background-color: @borders;
}

#MozillaGtkWidget.background
  > window.background
  > menu
  > menuitem
  > radio:checked {
  -gtk-icon-source: -gtk-scaled(
    url('../assets/radio-checked.png'),
    url('../assets/radio-checked@2.png')
  );
}

#MozillaGtkWidget.background > widget border {
  border-color: @borders;
}

#MozillaGtkWidget.background > widget separator {
  background-color: @borders;
}

#MozillaGtkWidget.background > widget > scrolledwindow > textview {
  background-color: #fdfdfe;
}

#MozillaGtkWidget.background > widget > scrolledwindow > textview text {
  background-color: transparent;
  color: rgba(38, 50, 56, 0.87);
}

#MozillaGtkWidget.background > widget > entry,
#MozillaGtkWidget.background > widget > spinbutton:not(.vertical) {
  border-radius: 2px;
}

#MozillaGtkWidget.background > widget > check,
#MozillaGtkWidget.background > widget > radio {
  min-width: 16px;
  min-height: 16px;
  margin: 0;
  padding: 0;
  transition: none;
}

window.background > box.vertical > toolbar:not(.primary-toolbar).horizontal {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  box-shadow: none;
}

window.background
  paned
  > notebook
  > stack
  > scrolledwindow.frame
  > widget.view {
  background-image: none;
  transition: none;
  animation: none;
}

#PanelWidget,
#PanelPlug,
#PanelApplet,
PanelToplevel.background {
  color: @theme_text_color;
  background-color: #13191c;
  box-shadow: none;
}

PanelSeparator {
  border-width: 0;
  background: none;
  background-image: none;
  color: rgba(207, 216, 220, 0.066);
}

MatePanelAppletFrameDBus {
  border-style: solid;
  border-color: rgba(207, 216, 220, 0.066);
}

MatePanelAppletFrameDBus:dir(ltr) {
  border-width: 0 0 0 2px;
}

MatePanelAppletFrameDBus:dir(rtl) {
  border-width: 0 2px 0 0;
}

PanelToplevel.mate-panel-menu-bar > grid.horizontal > button {
  min-height: 4px;
  min-width: 4px;
  padding: 0;
  border-radius: 0;
  border-style: solid;
  border-color: rgba(207, 216, 220, 0.05742);
  -gtk-outline-radius: 0;
  background-color: transparent;
  color: @theme_text_color;
}

PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:hover {
  background-color: transparent;
  color: @theme_base_color;
}

PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:active {
  background-color: transparent;
  color: @theme_base_color;
}

PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:disabled {
  color: rgba(207, 216, 220, 0.28);
}

PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:checked {
  background-color: transparent;
  color: @theme_base_color;
}

PanelToplevel.mate-panel-menu-bar > grid.horizontal > button > image {
  padding: 0 0.3rem;
}

PanelToplevel.mate-panel-menu-bar
  > grid.horizontal
  > button:first-child:dir(ltr) {
  border-width: 0 1px 0 0;
}

PanelToplevel.mate-panel-menu-bar
  > grid.horizontal
  > button:first-child:dir(rtl) {
  border-width: 0 0 0 1px;
}

PanelToplevel.mate-panel-menu-bar
  > grid.horizontal
  > button:not(:first-child):dir(ltr) {
  border-width: 0 0 0 1px;
}

PanelToplevel.mate-panel-menu-bar
  > grid.horizontal
  > button:not(:first-child):dir(rtl) {
  border-width: 0 1px 0 0;
}

.mate-panel-menu-bar menubar,
#PanelApplet-window-menu-applet-button {
  background-color: transparent;
}

.mate-panel-menu-bar menubar > menuitem,
#PanelApplet-window-menu-applet-button > menuitem {
  padding: 0 0.3rem;
}

.mate-panel-menu-bar button.flat.toggle.brisk-button {
  padding: 0 0.3rem;
  border-radius: 0;
  -gtk-outline-radius: 0;
  background-image: none;
  background-color: transparent;
  color: @theme_text_color;
  font-weight: 700;
}

.mate-panel-menu-bar button.flat.toggle.brisk-button:hover {
  background-image: none;
  color: @theme_base_color;
  box-shadow: inset 0 -2px alpha(currentColor, 0.2);
}

.mate-panel-menu-bar button.flat.toggle.brisk-button:active {
  animation: none;
}

.mate-panel-menu-bar button.flat.toggle.brisk-button:checked {
  background-image: none;
  color: @theme_base_color;
  box-shadow: inset 0 -2px @theme_selected_bg_color;
}

.mate-panel-menu-bar button.flat.toggle.brisk-button-vertical {
  padding: 0;
}

.brisk-menu {
  border-top: 1px solid @theme_base_color;
}

.brisk-menu entry,
.brisk-menu spinbutton:not(.vertical) {
  margin: 0.3rem;
}

.brisk-menu box.horizontal scrolledwindow:dir(ltr) {
  margin: 0.3rem 0.3rem 0.3rem 0;
}

.brisk-menu box.horizontal scrolledwindow:dir(rtl) {
  margin: 0.3rem 0 0.3rem 0.3rem;
}

.brisk-menu .categories-list:dir(ltr) {
  margin: 0.3rem 0 0.3rem 0.3rem;
}

.brisk-menu .categories-list:dir(rtl) {
  margin: 0.3rem 0.3rem 0.3rem 0;
}

.brisk-menu .categories-list button.flat {
  padding-top: unset;
  padding-bottom: unset;
  border-radius: 0;
  -gtk-outline-radius: 0;
  font-weight: 500;
  transition-duration: 0.1s;
}

.brisk-menu .categories-list button.flat:checked {
  background-color: transparent;
  color: @theme_selected_bg_color;
}

.brisk-menu .categories-list button.flat image {
  padding: 0.6rem 0;
}

.brisk-menu .categories-list button.flat label {
  padding-bottom: 0.05rem;
}

.brisk-menu
  box.vertical
  > box.horizontal
  > box.vertical
  > separator.horizontal {
  min-height: 0;
  background-color: transparent;
}

.brisk-menu .apps-list,
.brisk-menu list.content-view.view {
  background-color: @theme_base_color;
}

.brisk-menu .apps-list row.activatable,
.brisk-menu list.content-view.view row.activatable {
  padding: 0;
  background-image: none;
  transition-duration: 0s;
}

.brisk-menu .apps-list row.activatable > button.flat,
.brisk-menu list.content-view.view row.activatable > button.flat {
  padding-top: unset;
  padding-bottom: unset;
  border-radius: 0;
  -gtk-outline-radius: 0;
  font-weight: 400;
  transition-duration: 0s;
}

.brisk-menu .apps-list row.activatable > button.flat > box.horizontal > image,
.brisk-menu
  list.content-view.view
  row.activatable
  > button.flat
  > box.horizontal
  > image {
  padding: 0.4rem 0;
}

.mate-panel-applet-slider {
  background-color: transparent;
}

.mate-panel-applet-slider frame {
  border-width: 1px;
  border-style: solid;
  border-color: @theme_base_color transparent transparent;
  border-radius: 2px;
  background-color: #fdfdfe;
}

.mate-panel-applet-slider frame *,
.mate-panel-applet-slider frame > border {
  border: unset;
}

.caja-desktop > widget.entry,
.caja-desktop > widget.entry:focus {
  transition: none;
}

.caja-navigation-window .caja-side-pane scrolledwindow treeview.view {
  background-color: transparent;
}

.caja-navigation-window .caja-side-pane notebook {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}

.caja-navigation-window .caja-side-pane notebook .frame {
  border: none;
}

.caja-navigation-window .caja-side-pane button.flat:last-child {
  min-width: 16px;
  min-height: 16px;
  padding: 0.8rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.caja-navigation-window toolbar.primary-toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18),
    inset 0 4px 2px -4px rgba(0, 0, 0, 0.2),
    inset 0 8px 3px -5px rgba(0, 0, 0, 0.24);
}

.caja-navigation-window toolbar.primary-toolbar button {
  min-width: 24px;
  min-height: 24px;
  padding: 0.3rem;
}

.caja-navigation-window .caja-pathbar button:first-child:dir(ltr) {
  margin-right: -2px;
}

.caja-navigation-window .caja-pathbar button:first-child:dir(rtl) {
  margin-left: -2px;
}

.caja-navigation-window
  .caja-pathbar
  button:not(:first-child):not(:last-child) {
  margin: 0 -2px;
}

.caja-navigation-window .caja-pathbar button:last-child:dir(ltr) {
  margin-left: -2px;
}

.caja-navigation-window .caja-pathbar button:last-child:dir(rtl) {
  margin-right: -2px;
}

.caja-navigation-window .caja-pathbar button.toggle,
.caja-navigation-window .caja-pathbar button.image-button,
.caja-navigation-window .caja-pathbar button.text-button,
.caja-navigation-window .caja-pathbar button.slider-button {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.caja-navigation-window button.image-button.toggle {
  background-color: transparent;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.caja-navigation-window button.image-button.toggle:disabled {
  background-color: transparent;
}

.caja-navigation-window button.image-button.toggle:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
  border-radius: 0;
  -gtk-outline-radius: 0;
  background-image: none;
  background-color: transparent;
  box-shadow: inset 0 -2px @theme_selected_bg_color;
}

.caja-navigation-window .caja-notebook,
.caja-navigation-window .caja-notebook .frame {
  border-width: 1px 0 1px;
}

.caja-navigation-window .caja-notebook > header.top {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

.caja-navigation-window statusbar {
  margin: 0 -10px;
  padding: 0 0.5rem;
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

.caja-navigation-window scrolledwindow widget > widget.entry,
.caja-navigation-window scrolledwindow widget > widget.entry:focus {
  transition: none;
}

#caja-extra-view-widget {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  background-color: @theme_bg_color;
}

#caja-extra-view-widget > box > box > label {
  font-weight: 700;
}

window#MyControlCenter
  > frame
  > box.horizontal
  > widget
  > scrolledwindow.frame {
  border: none;
}

window#MyControlCenter
  > frame
  > box.horizontal
  > widget
  > scrolledwindow.frame:dir(ltr) {
  border-left: 1px solid @borders;
}

window#MyControlCenter
  > frame
  > box.horizontal
  > widget
  > scrolledwindow.frame:dir(rtl) {
  border-right: 1px solid @borders;
}

window#MyControlCenter
  > frame
  > box.horizontal
  > widget
  > scrolledwindow.frame
  > widget.view {
  all: unset;
  background-color: @theme_bg_color;
}

.background:not(.csd) > box.horizontal > notebook.frame {
  border: none;
}

.background:not(.csd) > box.horizontal > notebook.frame > stack {
  border-width: 1px;
  border-style: solid;
  border-color: @theme_bg_color;
  box-shadow: none;
}

.background:not(.csd) > box.horizontal > notebook.frame > stack:dir(ltr) {
  border-left-color: rgba(0, 0, 0, 0.05);
}

.background:not(.csd) > box.horizontal > notebook.frame > stack:dir(rtl) {
  border-right-color: rgba(0, 0, 0, 0.05);
}

.eom-window statusbar {
  margin: 0 -10px;
  padding: 0 0.5rem;
  background-color: @theme_fg_color;
  color: @theme_text_color;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.12),
    inset 0 3px 4px -3px rgba(0, 0, 0, 0.05);
}

.pluma-window paned.horizontal notebook > header.top {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

.pluma-window statusbar {
  margin: 0 -10px;
  padding: 0 0.5rem;
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

.pluma-window statusbar frame,
.pluma-window statusbar .frame {
  border-style: none;
}

.pluma-window paned.horizontal box.vertical notebook.frame {
  border-style: solid none;
}

.pluma-window .pluma-print-preview toolbar.horizontal {
  border-width: 1px 0;
  border-style: solid none;
  border-color: rgba(0, 0, 0, 0.09) transparent;
  background-color: #f7f9f9;
  box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02),
    inset 0 2px 3px -2px rgba(0, 0, 0, 0.07);
}

.atril-window scrolledwindow.frame,
.xreader-window scrolledwindow.frame {
  border-style: solid none none;
}

.atril-window scrolledwindow.frame > .view,
.atril-window scrolledwindow.frame > iconview,
.xreader-window scrolledwindow.frame > .view,
.xreader-window scrolledwindow.frame > iconview {
  transition: none;
}

.atril-window toolbar > toolbutton button.flat.image-button,
.xreader-window toolbar > toolbutton button.flat.image-button {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

.atril-window.fullscreen.background > box.vertical,
.xreader-window.fullscreen.background > box.vertical {
  background-color: black;
  transition-duration: 0s;
}

.atril-window.fullscreen.background
  > box.vertical
  > toolbar:not(.primary-toolbar).horizontal,
.xreader-window.fullscreen.background
  > box.vertical
  > toolbar:not(.primary-toolbar).horizontal {
  border-bottom-color: @borders;
}

.atril-window.fullscreen.background > box.vertical > paned.horizontal,
.xreader-window.fullscreen.background > box.vertical > paned.horizontal {
  background-color: @theme_bg_color;
}

window.background:not(.solid-csd) > notebook:not(.frame) {
  border: 0 none transparent;
  background-color: @theme_base_color;
}

window.background:not(.solid-csd) > notebook:not(.frame) > stack {
  border: none;
  box-shadow: none;
}

window.background:not(.solid-csd) > notebook:not(.frame) > header.top {
  border: 0 none transparent;
  background-color: @theme_bg_color;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18),
    inset 0 4px 2px -4px rgba(0, 0, 0, 0.2),
    inset 0 8px 3px -5px rgba(0, 0, 0, 0.24), inset 0 -1px rgba(0, 0, 0, 0.09);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18),
    inset 0 4px 3px -4px rgba(0, 0, 0, 0.15),
    inset 0 8px 3px -5px rgba(0, 0, 0, 0.14), inset 0 -1px rgba(0, 0, 0, 0.09);
}

window.background:not(.solid-csd) > notebook:not(.frame) > header.top tabs,
window.background:not(.solid-csd)
  > notebook:not(.frame)
  > header.top
  tabs
  > tab {
  background-color: transparent;
}

MsdOsdWindow.background.osd {
  border-radius: 2px;
  border: 1px solid rgba(34, 45, 50, 0.9);
  background-color: rgba(34, 45, 50, 0.9);
  box-shadow: none;
}

MsdOsdWindow.background.osd image {
  color: @theme_text_color;
}

MsdOsdWindow.background.osd .trough {
  border-radius: 0;
  border: none;
  background-color: rgba(207, 216, 220, 0.2);
}

MsdOsdWindow.background.osd .progressbar {
  border-radius: 0;
  border: none;
  background-color: #00e676;
}

.slate-notification {
  border-radius: 2px;
}

.slate-notification-window .drop-shadow {
  margin: 4px 6px 10px;
  border-radius: 2px;
}

#CommandsToolbar button.flat.image-button {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

box#AuxToolbox {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}

box#AuxToolbox toolbar {
  min-height: 2.8rem;
  border: none;
  box-shadow: none;
}

box#AuxToolbox toolbar button.flat.image-button {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

box#AuxToolbox box#StyleSwatch {
  margin: -0.2rem 0;
}

box#AuxToolbox box#StyleSwatch label {
  font-size: 100%;
}

#SnapToolbar > button,
#SnapToolbar > toolitem > button,
#SnapToolbar > toolbutton > button,
#ToolToolbar > button,
#ToolToolbar > toolitem > button,
#ToolToolbar > toolbutton > button {
  min-width: 3rem;
  min-height: 3rem;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

#SnapToolbar > button:checked,
#SnapToolbar > toolitem > button:checked,
#SnapToolbar > toolbutton > button:checked,
#ToolToolbar > button:checked,
#ToolToolbar > toolitem > button:checked,
#ToolToolbar > toolbutton > button:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
  border-image: none;
}

#PreviewHolderScroller > viewport.frame {
  padding: 1px 0;
  border-style: solid none;
  border-width: 1px 0;
  border-color: transparent;
}

box#DesktopStatusBar spinbutton {
  margin: 0.4rem 0;
}

box#DesktopStatusBar combobox {
  margin: 0.4rem 0;
}

widget > box#DesktopMainTable spinbutton > button {
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

widget > box#DesktopMainTable spinbutton > button:hover {
  background-color: alpha(currentColor, 0.12);
  animation: none;
}

widget > box#DesktopMainTable spinbutton > button:active {
  background-color: alpha(currentColor, 0.12);
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0s;
  animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
}

#InkscapePanel spinbutton > entry,
#InkscapePanel spinbutton > spinbutton:not(.vertical) {
  margin: -0.3rem 0;
}

#InkscapePanel spinbutton > entry > progress,
#InkscapePanel spinbutton > spinbutton:not(.vertical) > progress {
  margin: -0.3rem 0;
}

#InkscapePanel box#PanelContents button.toggle,
#InkscapePanel box#PanelContents button.radio {
  min-width: 3rem;
  min-height: 3rem;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

#InkscapePanel box#PanelContents button.toggle:checked,
#InkscapePanel box#PanelContents button.radio:checked {
  background-color: alpha(currentColor, 0.12);
  color: @theme_fg_color;
  border-image: none;
}

window#Emacs {
  background-color: @theme_bg_color;
  transition: none;
}

window#Emacs > box#pane {
  background-color: @theme_bg_color;
}

window#Emacs > box#pane > widget > toolbar#emacs-toolbar {
  background-color: @theme_bg_color;
  transition: none;
}

window#Emacs widget#emacs {
  transition: none;
}

window#Emacs widget#emacs > widget > scrollbar {
  background-color: @theme_bg_color;
}

window#Emacs widget#emacs > widget > scrollbar,
window#Emacs widget#emacs > widget > scrollbar * {
  transition: none;
}

window#Emacs24 {
  background-color: @theme_bg_color;
  transition: none;
}

window#Emacs24 > box#pane {
  background-color: @theme_bg_color;
}

window#Emacs24 > box#pane > widget > toolbar#emacs-toolbar {
  background-color: @theme_bg_color;
  transition: none;
}

window#Emacs24 widget#emacs24 {
  transition: none;
}

window#Emacs24 widget#emacs24 > widget > scrollbar {
  background-color: @theme_bg_color;
}

window#Emacs24 widget#emacs24 > widget > scrollbar,
window#Emacs24 widget#emacs24 > widget > scrollbar * {
  transition: none;
}

window.popup:not(.csd) menu {
  background-color: #fdfdfe;
}

window.popup:not(.csd) menu menuitem {
  background-color: #fdfdfe;
  color: #424c52;
}

window.popup:not(.csd) menu menuitem:hover {
  background-color: #e3e5e6;
  color: @theme_fg_color;
}

window.popup:not(.csd) menu menuitem:disabled {
  background-color: #fdfdfe;
  color: #c1c4c7;
}

window.popup:not(.csd) menu menuitem:disabled label,
window.popup:not(.csd) menu menuitem:disabled arrow {
  color: #c1c4c7;
}

window.background:not(.solid-csd)
  > box.vertical
  > grid.horizontal
  > button.flat:not(.image-button)
  > image,
window.background:not(.solid-csd)
  > box.vertical
  > grid.horizontal
  > button.flat:not(.image-button)
  > widget
  > box.horizontal
  > image,
window.background:not(.solid-csd)
  > box.vertical
  > grid.horizontal
  > button.flat.image-button.toggle
  > image,
window.background:not(.solid-csd)
  > box.vertical
  > grid.horizontal
  > button.flat.image-button.toggle
  > widget
  > box.horizontal
  > image {
  min-width: 20px;
  min-height: 20px;
}

window.background:not(.solid-csd) > box.vertical > grid.horizontal > label {
  padding: 0 0.4rem 0.1rem;
}

window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > entry,
window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > spinbutton:not(.vertical),
window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > entry.default,
window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > spinbutton.default:not(.vertical) {
  color: rgba(207, 216, 220, 0.87);
  caret-color: rgba(207, 216, 220, 0.87);
}

window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > entry:focus,
window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > spinbutton:focus:not(.vertical),
window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > entry.default:focus,
window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > spinbutton.default:focus:not(.vertical) {
  color: @theme_text_color;
  caret-color: @theme_text_color;
}

window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > entry:disabled,
window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > spinbutton:disabled:not(.vertical),
window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > entry.default:disabled,
window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > spinbutton.default:disabled:not(.vertical) {
  color: rgba(207, 216, 220, 0.2436);
}

window.background:not(.solid-csd)
  > box.vertical
  > headerbar:not(.titlebar)
  > box.horizontal
  > separator {
  background-color: transparent;
}

window#wb_main_window notebook#model_tabs > header.top {
  background-color: #222d32;
}

window#wb_main_window notebook#model_tabs > header.top tabs arrow {
  color: rgba(207, 216, 220, 0.54);
}

window#wb_main_window notebook#model_tabs > header.top tabs arrow:hover,
window#wb_main_window notebook#model_tabs > header.top tabs arrow:active {
  color: @theme_text_color;
}

window#wb_main_window notebook#model_tabs > header.top tabs arrow:disabled {
  color: transparent;
}

window#wb_main_window notebook#model_tabs > header.top tabs tab,
window#wb_main_window notebook#model_tabs > header.top tabs tab label,
window#wb_main_window notebook#model_tabs > header.top tabs tab button.flat {
  color: rgba(207, 216, 220, 0.54);
}

window#wb_main_window notebook#model_tabs > header.top tabs tab:hover,
window#wb_main_window notebook#model_tabs > header.top tabs tab:hover label,
window#wb_main_window
  notebook#model_tabs
  > header.top
  tabs
  tab:hover
  button.flat,
window#wb_main_window notebook#model_tabs > header.top tabs tab:checked,
window#wb_main_window notebook#model_tabs > header.top tabs tab:checked label,
window#wb_main_window
  notebook#model_tabs
  > header.top
  tabs
  tab:checked
  button.flat {
  color: @theme_text_color;
}

window#wb_main_window notebook#model_tabs > header.top tabs tab:hover > image,
window#wb_main_window
  notebook#model_tabs
  > header.top
  tabs
  tab:checked
  > image {
  background-color: @theme_text_color;
}

window#wb_main_window notebook#model_tabs > header.top tabs tab:disabled,
window#wb_main_window notebook#model_tabs > header.top tabs tab:disabled label,
window#wb_main_window
  notebook#model_tabs
  > header.top
  tabs
  tab:disabled
  button.flat {
  color: rgba(207, 216, 220, 0.28);
}

window#wb_main_window notebook#model_tabs > header.top tabs tab > image {
  min-height: 16px;
  min-width: 16px;
  padding: 0.3rem;
  border-radius: 2px;
  background-color: rgba(207, 216, 220, 0.54);
}

window#wb_main_window notebook#model_tabs > stack > box.vertical > menubar {
  margin: 0 -1px;
}

window#wb_main_window box#dbquery,
window#wb_main_window box#db.query.QueryBuffer,
window#wb_main_window
  paned.vertical
  > box.horizontal
  > box.vertical
  > box.horizontal,
window#wb_main_window
  notebook#model_tabs
  > stack
  > box.vertical
  > box.horizontal {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

window#wb_main_window button.flat.image-button {
  margin: 0.4rem 0;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

window#wb_main_window button.flat.image-button.toggle:checked {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
  background-color: transparent;
}

window#wb_main_window box.horizontal > combobox {
  margin: 0.4rem 0;
}

window#wb_main_window entry#find,
window#wb_main_window spinbutton#find:not(.vertical) {
  margin: 0.4rem 0;
}

window#wb_main_window treeview.view {
  background-color: @theme_base_color;
  transition: none;
}

window.background.chromium {
  background-color: @theme_bg_color;
  color: rgba(38, 50, 56, 0.87);
}

window.background.chromium headerbar.titlebar button.toggle {
  border-radius: 2px;
}

window.background.chromium headerbar.titlebar button.toggle:active {
  background-color: rgba(207, 216, 220, 0.25);
}

window.background.chromium entry.chromium,
window.background.chromium spinbutton.chromium:not(.vertical),
window.background.chromium entry.chromium:focus,
window.background.chromium spinbutton.chromium:focus:not(.vertical) {
  border-image: none;
  border: 1px solid rgba(0, 0, 0, 0.09);
}

window.background.chromium > textview.view {
  background-color: @theme_base_color;
}

headerbar > box.horizontal.linked > button.toggle.session-sidebar-button {
  min-height: 16px;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
  font-weight: 700;
}

headerbar
  > box.horizontal.linked
  > button.toggle.session-sidebar-button
  > box
  > label {
  margin: -0.15rem 0;
}

headerbar
  > box.horizontal.linked
  > button.toggle.session-sidebar-button
  > box
  > label:dir(ltr) {
  padding: 0 0.1rem 0 0.3rem;
}

headerbar
  > box.horizontal.linked
  > button.toggle.session-sidebar-button
  > box
  > label:dir(rtl) {
  padding: 0 0.3rem 0 0.1rem;
}

headerbar
  > box.horizontal.linked
  > button.toggle.session-sidebar-button
  > box
  > image:dir(ltr) {
  padding: 0 0.3rem 0 0.1rem;
}

headerbar
  > box.horizontal.linked
  > button.toggle.session-sidebar-button
  > box
  > image:dir(rtl) {
  padding: 0 0.1rem 0 0.3rem;
}

headerbar > box.horizontal.linked > button.image-button.session-new-button {
  min-width: 20px;
}

headerbar
  > box.horizontal.linked
  > button.image-button.session-new-button:dir(ltr) {
  margin-left: 8px;
}

headerbar
  > box.horizontal.linked
  > button.image-button.session-new-button:dir(rtl) {
  margin-right: 8px;
}

headerbar
  > box.horizontal.linked
  > button.image-button.session-new-button
  > widget
  > box
  > image {
  min-width: 20px;
  padding: 0 0.5rem;
}

headerbar.titlebar > stack > widget > label.title {
  margin-bottom: 0.3rem;
}

headerbar.titlebar > stack > box.linked > entry,
headerbar.titlebar > stack > box.linked > spinbutton:not(.vertical) {
  padding-top: 0;
  padding-bottom: 0;
}

window.background > overlay > revealer.left > scrolledwindow.frame {
  margin-right: 16px;
  border: none;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2);
}

window.background > overlay > revealer.right > scrolledwindow.frame {
  margin-left: 16px;
  border: none;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.16), 0 4px 4px rgba(0, 0, 0, 0.2);
}

list.tilix-session-sidebar {
  background-image: image(#f7f9f9);
}

list.tilix-session-sidebar button.tilix-sidebar-close-button {
  min-height: 20px;
  min-width: 20px;
  padding: 0;
  color: rgba(255, 82, 82, 0.87);
}

list.tilix-session-sidebar button.tilix-sidebar-close-button:hover,
list.tilix-session-sidebar button.tilix-sidebar-close-button:active,
list.tilix-session-sidebar button.tilix-sidebar-close-button:checked {
  color: #ff5252;
}

widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) {
  padding: 0 1rem 0 0;
}

widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) {
  padding: 0 0 0 1rem;
}

widget > box.terminal-titlebar > button.flat.popup.toggle:checked {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
  background-color: transparent;
}

widget
  > box.terminal-titlebar
  > button.flat.popup.toggle
  label.tilix-terminal-title {
  padding: 0.7rem 1rem 0.8rem;
  color: rgba(38, 50, 56, 0.87);
  font-weight: 700;
}

widget
  > box.terminal-titlebar
  > button.flat.popup.toggle
  label.tilix-terminal-title:disabled {
  color: rgba(38, 50, 56, 0.28);
}

widget
  > box.terminal-titlebar
  > button.flat.popup.toggle
  label.tilix-terminal-title:not(:disabled) {
  border-image: -gtk-gradient(
      radial,
      center bottom,
      0,
      center bottom,
      0.5,
      to(@theme_selected_bg_color),
      to(transparent)
    )
    0 0 2/0 0 2px;
}

widget > box.terminal-titlebar > button.flat.popup.toggle:hover,
widget > box.terminal-titlebar > button.flat.popup.toggle:hover:disabled,
widget
  > box.terminal-titlebar
  > button.flat.popup.toggle:hover
  label.tilix-terminal-title,
widget
  > box.terminal-titlebar
  > button.flat.popup.toggle:hover
  label.tilix-terminal-title:disabled,
widget > box.terminal-titlebar > button.flat.popup.toggle:active,
widget > box.terminal-titlebar > button.flat.popup.toggle:active:disabled,
widget
  > box.terminal-titlebar
  > button.flat.popup.toggle:active
  label.tilix-terminal-title,
widget
  > box.terminal-titlebar
  > button.flat.popup.toggle:active
  label.tilix-terminal-title:disabled,
widget > box.terminal-titlebar > button.flat.popup.toggle:checked,
widget > box.terminal-titlebar > button.flat.popup.toggle:checked:disabled,
widget
  > box.terminal-titlebar
  > button.flat.popup.toggle:checked
  label.tilix-terminal-title,
widget
  > box.terminal-titlebar
  > button.flat.popup.toggle:checked
  label.tilix-terminal-title:disabled {
  color: @theme_fg_color;
}

widget > box.terminal-titlebar > button.image-button,
widget > box.terminal-titlebar > button.image-button.toggle {
  margin: 0.2rem 0;
  padding: 0.55rem;
  border-radius: 2px;
  -gtk-outline-radius: 2px;
}

widget > box.terminal-titlebar.compact > button.flat.popup.toggle:dir(ltr),
widget > box.terminal-titlebar.compact > button.flat.popup.toggle:dir(rtl) {
  padding: 0;
}

widget
  > box.terminal-titlebar.compact
  > button.flat.popup.toggle
  label.tilix-terminal-title {
  padding: 0.1rem 0.2rem 0.2rem;
}

widget > box.terminal-titlebar.compact > button.image-button,
widget > box.terminal-titlebar.compact > button.image-button.toggle {
  margin: 0;
  padding: 0.2rem;
}

notebook.tilix-background tab.reorderable-page button.tilix-small-button {
  min-width: 0;
  min-height: 0;
}

notebook.tilix-background
  tab.reorderable-page
  button.tilix-small-button
  > widget
  > box
  > image {
  margin: 0 -2px;
  padding: 0.2rem;
}

notebook.psppire-data-editor widget.view {
  border-radius: 0;
}

notebook.psppire-data-editor widget.view entry,
notebook.psppire-data-editor widget.view spinbutton:not(.vertical),
notebook.psppire-data-editor widget.view entry:focus,
notebook.psppire-data-editor widget.view spinbutton:focus:not(.vertical) {
  min-width: unset;
  min-height: unset;
  padding: 0 2px;
  border-image: none;
  border-color: @theme_selected_bg_color;
  background-color: @theme_base_color;
  transition: none;
}

notebook.psppire-data-editor widget.view entry:dir(ltr),
notebook.psppire-data-editor widget.view spinbutton:dir(ltr):not(.vertical),
notebook.psppire-data-editor widget.view entry:focus:dir(ltr),
notebook.psppire-data-editor
  widget.view
  spinbutton:focus:dir(ltr):not(.vertical) {
  border-left-width: 2px;
}

notebook.psppire-data-editor widget.view entry:dir(rtl),
notebook.psppire-data-editor widget.view spinbutton:dir(rtl):not(.vertical),
notebook.psppire-data-editor widget.view entry:focus:dir(rtl),
notebook.psppire-data-editor
  widget.view
  spinbutton:focus:dir(rtl):not(.vertical) {
  border-right-width: 2px;
}