@keyframes ripple_effect {
  to {
    background-size: 1000% 1000%;
  }
}

@keyframes scale_ripple_effect {
  to {
    background-size: auto, 1000% 1000%;
  }
}

@keyframes header_ripple_effect {
  from {
    background-image: radial-gradient(circle farthest-corner at center, #5657f5 0%, transparent 0%);
  }
  to {
    background-image: radial-gradient(circle farthest-corner at center, #5657f5 100%, transparent 0%);
  }
}

* {
  background-clip: padding-box;
  -GtkToolButton-icon-spacing: 0;
  -GtkTextView-error-underline-color: #DD2C00;
  -GtkScrolledWindow-scrollbar-spacing: 0;
  -GtkToolItemGroup-expander-size: 11;
  -GtkWidget-text-handle-width: 24;
  -GtkWidget-text-handle-height: 24;
  -GtkDialog-button-spacing: 4;
  -GtkDialog-action-area-border: 0;
  outline-style: solid;
  outline-width: 2px;
  outline-color: transparent;
  outline-offset: -4px;
  -gtk-outline-radius: 7px;
  -gtk-secondary-caret-color: #5657f5;
}

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

/***************
 * Base States *
 ***************/
.background {
  background-color: rgba(244, 244, 249, 0.999);
  color: rgba(0, 0, 0, 0.75);
}

.background.csd {
  border-radius: 0 0 13px 13px;
}

.background.maximized, .background.solid-csd {
  border-radius: 0;
}

/*
   These wildcard seems unavoidable, need to investigate.
   Wildcards are bad and troublesome, use them with care,
   or better, just don't.
   Everytime a wildcard is used a kitten dies, painfully.
*/
*:disabled {
  -gtk-icon-effect: dim;
}

.gtkstyle-fallback {
  background-color: #f4f4f9;
  color: rgba(0, 0, 0, 0.75);
}

.gtkstyle-fallback:hover {
  background-color: #e4e4f0;
  color: rgba(0, 0, 0, 0.75);
}

.gtkstyle-fallback:active {
  background-color: #d3d3e7;
  color: rgba(0, 0, 0, 0.75);
}

.gtkstyle-fallback:disabled {
  background-color: #f4f4f9;
  color: rgba(0, 0, 0, 0.38);
}

.gtkstyle-fallback:selected {
  background-color: #5657f5;
  color: #FFFFFF;
}

window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, iconview, .view {
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.75);
}

window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled, filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled {
  color: rgba(0, 0, 0, 0.38);
}

textview text {
  background-color: #FFFFFF;
}

textview border {
  background-color: #eaeaf4;
  color: rgba(0, 0, 0, 0.38);
}

iconview {
  border-radius: 5px;
}

.rubberband,
rubberband,
XfdesktopIconView.view .rubberband,
.content-view rubberband,
.content-view .rubberband,
treeview.view rubberband,
flowbox rubberband {
  border: 1px solid #5C6BC0;
  background-color: rgba(92, 107, 192, 0.3);
}

flowbox flowboxchild {
  padding: 4px;
  border-radius: 7px;
}

.content-view .tile:selected {
  background-color: transparent;
  color: inherit;
}

label {
  caret-color: currentColor;
}

label.separator {
  color: rgba(0, 0, 0, 0.75);
}

label selection {
  background-color: #5657f5;
  color: #FFFFFF;
}

label:disabled {
  color: rgba(0, 0, 0, 0.38);
}

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

tab label:disabled, button label:disabled {
  color: inherit;
}

.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, headerbar .subtitle, label.separator {
  opacity: 0.6;
}

assistant .sidebar {
  padding: 4px 0;
}

assistant .sidebar label {
  min-height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.38);
  font-weight: 500;
}

assistant .sidebar label.highlight {
  color: rgba(0, 0, 0, 0.75);
}

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

/*********************
 * Spinner Animation *
 *********************/
@keyframes spin {
  to {
    -gtk-icon-transform: rotate(1turn);
  }
}

spinner {
  background: none;
  opacity: 0;
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
}

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

spinner:checked:disabled {
  opacity: 0.5;
}

/****************
 * Text Entries *
 ****************/
spinbutton:not(.vertical), entry {
  min-height: 32px;
  padding: 0 8px;
  border-radius: 7px;
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
  border-image: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.75);
}

spinbutton:focus:not(.vertical), entry:focus {
  border-image: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

spinbutton:disabled:not(.vertical), entry:disabled {
  box-shadow: none;
  background-color: #eaeaf4;
  color: rgba(0, 0, 0, 0.38);
}

#login_window entry, .raven .raven-background spinbutton:not(.vertical), .budgie-popover entry,
.budgie-popover spinbutton:not(.vertical), window#whiskermenu-window entry, editortweak entry.search, layoutpane entry.search, entry.preferences-search, colorchooser .popover.osd spinbutton:not(.vertical), messagedialog entry, notebook > stack:not(:only-child) entry:not(.search),
notebook > stack:not(:only-child) spinbutton:not(.vertical), popover .linked entry, popover entry,
popover spinbutton:not(.vertical),
popover.background .linked entry,
popover.background entry,
popover.background spinbutton:not(.vertical),
popover.background.menu .linked entry,
popover.background.menu entry,
popover.background.menu spinbutton:not(.vertical), spinbutton.flat:not(.vertical), entry.flat {
  border-radius: 0;
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.75);
}

#login_window entry:focus, .raven .raven-background spinbutton:focus:not(.vertical), .budgie-popover entry:focus,
.budgie-popover spinbutton:focus:not(.vertical), window#whiskermenu-window entry:focus, editortweak entry.search:focus, layoutpane entry.search:focus, entry.preferences-search:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), messagedialog entry:focus, notebook > stack:not(:only-child) entry:focus:not(.search),
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), popover .linked entry:focus, popover entry:focus,
popover spinbutton:focus:not(.vertical),
popover.background .linked entry:focus,
popover.background entry:focus,
popover.background spinbutton:focus:not(.vertical),
popover.background.menu .linked entry:focus,
popover.background.menu entry:focus,
popover.background.menu spinbutton:focus:not(.vertical), spinbutton.flat:focus:not(.vertical), entry.flat:focus {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
}

#login_window entry:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), .budgie-popover entry:disabled,
.budgie-popover spinbutton:disabled:not(.vertical), window#whiskermenu-window entry:disabled, editortweak entry.search:disabled, layoutpane entry.search:disabled, entry.preferences-search:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), messagedialog entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search),
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover .linked entry:disabled, popover entry:disabled,
popover spinbutton:disabled:not(.vertical),
popover.background .linked entry:disabled,
popover.background entry:disabled,
popover.background spinbutton:disabled:not(.vertical),
popover.background.menu .linked entry:disabled,
popover.background.menu entry:disabled,
popover.background.menu spinbutton:disabled:not(.vertical), spinbutton.flat:disabled:not(.vertical), entry.flat:disabled {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.38);
}

spinbutton:not(.vertical) image, entry image {
  color: rgba(0, 0, 0, 0.55);
}

spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active {
  color: rgba(0, 0, 0, 0.75);
}

spinbutton:not(.vertical) image:disabled, entry image:disabled {
  color: rgba(0, 0, 0, 0.38);
}

spinbutton:not(.vertical) image.left, entry image.left {
  margin-left: 0px;
  margin-right: 6px;
}

spinbutton:not(.vertical) image.right, entry image.right {
  margin-left: 6px;
  margin-right: 0px;
}

spinbutton:not(.vertical) undershoot.left, entry undershoot.left {
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
  padding-left: 1px;
  background-size: 1px 12px;
  background-repeat: repeat-y;
  background-origin: content-box;
  background-position: left top;
}

spinbutton:not(.vertical) undershoot.right, entry undershoot.right {
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
  padding-right: 1px;
  background-size: 1px 12px;
  background-repeat: repeat-y;
  background-origin: content-box;
  background-position: right top;
}

spinbutton.error:not(.vertical), entry.error {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
  border-image: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #DD2C00;
  color: #FFFFFF;
}

spinbutton.error:focus:not(.vertical), entry.error:focus {
  border-image: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

spinbutton.error:disabled:not(.vertical), entry.error:disabled {
  box-shadow: none;
  background-color: #eaeaf4;
  color: rgba(0, 0, 0, 0.38);
}

spinbutton.error.flat:not(.vertical), entry.error.flat {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
  box-shadow: inset 0 -1px #DD2C00;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.75);
}

spinbutton.error.flat:focus:not(.vertical), entry.error.flat:focus {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
  box-shadow: inset 0 -1px #DD2C00;
}

spinbutton.error.flat:disabled:not(.vertical), entry.error.flat:disabled {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.38);
}

spinbutton.error:not(.vertical) image, entry.error image {
  color: rgba(255, 255, 255, 0.7);
}

spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active {
  color: #FFFFFF;
}

spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled {
  color: rgba(255, 255, 255, 0.5);
}

spinbutton.warning:not(.vertical), entry.warning {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
  border-image: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #FF6D00;
  color: #FFFFFF;
}

spinbutton.warning:focus:not(.vertical), entry.warning:focus {
  border-image: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

spinbutton.warning:disabled:not(.vertical), entry.warning:disabled {
  box-shadow: none;
  background-color: #eaeaf4;
  color: rgba(0, 0, 0, 0.38);
}

spinbutton.warning.flat:not(.vertical), entry.warning.flat {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
  box-shadow: inset 0 -1px #FF6D00;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.75);
}

spinbutton.warning.flat:focus:not(.vertical), entry.warning.flat:focus {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
  box-shadow: inset 0 -1px #FF6D00;
}

spinbutton.warning.flat:disabled:not(.vertical), entry.warning.flat:disabled {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.38);
}

spinbutton.warning:not(.vertical) image, entry.warning image {
  color: rgba(255, 255, 255, 0.7);
}

spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active {
  color: #FFFFFF;
}

spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled {
  color: rgba(255, 255, 255, 0.5);
}

spinbutton:not(.vertical) progress, entry progress {
  margin: 2px -6px;
  border-bottom: 2px solid #5657f5;
  background-color: transparent;
}

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

notebook > stack:not(:only-child) treeview entry:not(.search),
notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
treeview entry {
  min-height: 0;
  padding: 2px;
  border-radius: 0;
  background-color: #FFFFFF;
}

notebook > stack:not(:only-child) treeview entry:not(.search),
notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
treeview entry {
  border-image: none;
  box-shadow: none;
}

.entry-tag, .photos-entry-tag, .documents-entry-tag {
  margin: 2px;
  border-radius: 9999px;
  box-shadow: none;
  background-color: #5657f5;
  color: #FFFFFF;
}

.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
}

:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
  margin-left: 4px;
  margin-right: 0;
  padding-left: 12px;
  padding-right: 8px;
}

:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
  margin-left: 0;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 12px;
}

.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
  box-shadow: none;
  background-color: transparent;
}

.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
  color: rgba(255, 255, 255, 0.7);
}

/***********
 * Buttons *
 ***********/
@keyframes needs_attention {
  from {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent));
  }
  to {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7C4DFF), to(transparent));
  }
}


button {
  min-height: 24px;
  min-width: 16px;
  padding: 4px 8px;
  border-radius: 7px;
  font-weight: 500;
  transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 9999px transparent;
  background-color: #FFFFFF;
  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1000% 1000%;
  color: rgba(0, 0, 0, 0.65);
}


button:hover {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px transparent;
  color: rgba(0, 0, 0, 0.75);
}


button:active {
  transition: 100ms, background-size 0, background-image 0;
  animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px alpha(currentColor, 0.15);
  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
  background-size: 0% 0%;
  color: rgba(0, 0, 0, 0.75);
}


button:disabled {
  box-shadow: none;
  background-color: #eaeaf4;
  color: rgba(0, 0, 0, 0.26);
}


button:checked {
  background-color: #5657f5;
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
  background-size: auto auto;
  background-position: center center;
  background-repeat: no-repeat;
}


button:checked:disabled {
  background-color: rgba(86, 87, 245, 0.3);
  color: rgba(86, 87, 245, 0.5);
  background-image: none;
}

.lightdm-gtk-greeter button, .budgie-polkit-dialog .linked.horizontal > button,
.budgie-session-dialog .linked.horizontal > button, .drop-shadow button, .raven .raven-header.top stackswitcher button, .raven .raven-header:not(.top) button, .raven stackswitcher.linked > button, .budgie-popover button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, popover.messagepopover .popover-action-area button, .gedit-search-slider button, placessidebar row button.sidebar-button, messagedialog.csd .dialog-action-area button, messagedialog .dialog-action-area button, calendar.button, check,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
.menuitem.button.flat, .budgie-panel button, PanelToplevel.horizontal > grid > button, .mate-panel-menu-bar button, .nemo-window .toolbar button, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button, layouttabbar button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button,
headerbar button:not(.suggested-action):not(.destructive-action), toolbar button,
button.flat {
  transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
  box-shadow: inset 0 0 0 9999px transparent;
  background-color: transparent;
  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1000% 1000%;
  color: rgba(0, 0, 0, 0.55);
}

.lightdm-gtk-greeter button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover,
.budgie-session-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .raven .raven-header.top stackswitcher button:hover, .raven .raven-header:not(.top) button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, popover.messagepopover .popover-action-area button:hover, .gedit-search-slider button:hover, placessidebar row button.sidebar-button:hover, messagedialog .dialog-action-area button:hover, calendar.button:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
.menuitem.button.flat:hover, .budgie-panel button:hover, PanelToplevel.horizontal > grid > button:hover, .mate-panel-menu-bar button:hover, .nemo-window .toolbar button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:hover,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:hover, layouttabbar button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover,
headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover,
button.flat:hover {
  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
  color: rgba(0, 0, 0, 0.75);
}

.lightdm-gtk-greeter button:active, .budgie-polkit-dialog .linked.horizontal > button:active,
.budgie-session-dialog .linked.horizontal > button:active, .drop-shadow button:active, .raven .raven-header.top stackswitcher button:active, .raven .raven-header:not(.top) button:active, .raven stackswitcher.linked > button:active, .budgie-popover button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, popover.messagepopover .popover-action-area button:active, .gedit-search-slider button:active, placessidebar row button.sidebar-button:active, messagedialog .dialog-action-area button:active, calendar.button:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
.menuitem.button.flat:active, .budgie-panel button:active, PanelToplevel.horizontal > grid > button:active, .mate-panel-menu-bar button:active, .nemo-window .toolbar button:active, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:active,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:active, layouttabbar button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active,
headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active,
button.flat:active {
  transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
  animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards;
  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
  background-size: 0% 0%;
  color: rgba(0, 0, 0, 0.75);
}

.lightdm-gtk-greeter button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled,
.budgie-session-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .raven .raven-header.top stackswitcher button:disabled, .raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, popover.messagepopover .popover-action-area button:disabled, .gedit-search-slider button:disabled, placessidebar row button.sidebar-button:disabled, messagedialog .dialog-action-area button:disabled, calendar.button:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
.menuitem.button.flat:disabled, .budgie-panel button:disabled, PanelToplevel.horizontal > grid > button:disabled, .mate-panel-menu-bar button:disabled, .nemo-window .toolbar button:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:disabled,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:disabled, layouttabbar button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled,
headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled,
button.flat:disabled {
  box-shadow: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.budgie-panel button:checked, PanelToplevel.horizontal > grid > button:checked, .mate-panel-menu-bar button:checked, .nemo-window .toolbar button:checked, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:checked, layouttabbar button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked,
headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked,
button.flat:checked {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.75);
}

.budgie-panel button:checked:disabled, PanelToplevel.horizontal > grid > button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nemo-window .toolbar button:checked:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked:disabled, layouttabbar button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled,
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled,
button.flat:checked:disabled {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.38);
}


button.text-button {
  padding-left: 16px;
  padding-right: 16px;
}


button.image-button {
  min-width: 24px;
  padding: 4px;
}


button.text-button.image-button label:first-child {
  margin-left: 12px;
}


button.text-button.image-button label:last-child {
  margin-right: 12px;
}


button.text-button.image-button image:not(:only-child) {
  margin: 0 4px;
}

.linked > button.flat, .linked.vertical > button.flat {
  border-radius: 7px;
}

.linked > button.flat.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.image-button, .linked.vertical > button.flat.text-button.image-button {
  border-radius: 7px;
  -gtk-outline-radius: 7px;
}

row:selected button:disabled {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.3);
}

.raven-mpris button.image-button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, row:selected button.flat {
  color: rgba(255, 255, 255, 0.7);
}

.raven-mpris button.image-button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .raven-mpris button.image-button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, row:selected button.flat:hover, row:selected button.flat:active {
  color: #FFFFFF;
}

.raven-mpris button.image-button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button.flat:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.raven-mpris button.image-button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, row:selected button.flat:checked {
  background-color: rgba(255, 255, 255, 0.3);
  color: #FFFFFF;
}

.raven-mpris button.image-button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, row:selected button.flat:checked:disabled {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.5);
}


button.osd {
  padding: 7px 11px;
}


button.osd.image-button {
  padding: 7px;
}


button.osd:disabled {
  opacity: 0;
}


button.suggested-action {
  background-color: #7C4DFF;
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #4FC3F7, #42A5F5);
  background-size: auto auto;
  background-position: center center;
  background-repeat: no-repeat;
}


button.suggested-action:disabled {
  box-shadow: none;
  background-color: #eaeaf4;
  color: rgba(0, 0, 0, 0.38);
  background-image: none;
}


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


button.suggested-action.flat {
  background-color: transparent;
  color: #7C4DFF;
  background-image: none;
}


button.suggested-action.flat:disabled {
  box-shadow: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.38);
  background-image: none;
}


button.suggested-action.flat:checked {
  background-image: none;
  background-color: rgba(124, 77, 255, 0.3);
}


button.destructive-action {
  background-color: #FF5252;
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #EF5350, #FF5252);
  background-size: auto auto;
  background-position: center center;
  background-repeat: no-repeat;
}


button.destructive-action:disabled {
  box-shadow: none;
  background-color: #eaeaf4;
  color: rgba(0, 0, 0, 0.38);
  background-image: none;
}


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


button.destructive-action.flat {
  background-color: transparent;
  color: #FF5252;
  background-image: none;
}


button.destructive-action.flat:disabled {
  box-shadow: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.38);
  background-image: none;
}


button.destructive-action.flat:checked {
  background-image: none;
  background-color: rgba(255, 82, 82, 0.3);
}

.stack-switcher > button {
  outline-offset: -4px;
}

.stack-switcher > button > label {
  padding-left: 6px;
  padding-right: 6px;
}

.stack-switcher > button > image {
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.stack-switcher > button.text-button {
  padding-left: 10px;
  padding-right: 10px;
}

.stack-switcher > button.image-button {
  padding-left: 2px;
  padding-right: 2px;
}

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

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

.raven .expander-button, .raven .raven-header:not(.top) button.image-button, widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle, .terminix-session-sidebar button.tilix-sidebar-close-button,
.tilix-session-sidebar button.tilix-sidebar-close-button, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button, .nautilus-window headerbar > revealer > button, .solid-csd headerbar:not(.default-decoration) button.titlebutton, headerbar button.titlebutton, .csd headerbar button.titlebutton, headerbar.default-decoration button.titlebutton, .csd headerbar.default-decoration button.titlebutton,
.titlebar button.titlebutton, .csd .titlebar button.titlebutton,
.titlebar.default-decoration button.titlebutton, .csd .titlebar.default-decoration button.titlebutton, row button.image-button, check,
radio, headerbar button.suggested-action, headerbar button.destructive-action,
headerbar button:not(.suggested-action):not(.destructive-action),
button.close,
button.circular {
  border-radius: 9999px;
  -gtk-outline-radius: 9999px;
}

.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button {
  min-height: 20px;
  min-width: 20px;
  padding: 0;
  border-radius: 9999px;
  -gtk-outline-radius: 9999px;
}

stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image {
  animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
  background-repeat: no-repeat;
  background-position: right 3px;
  background-size: 6px 6px;
}

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

.linked:not(.vertical) > combobox > box > button.combo, row .linked button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button {
  border-radius: 0;
  -gtk-outline-radius: 7px;
}

row .linked button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

row .linked button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

row .linked button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child {
  border-radius: 7px;
}

.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button {
  border-radius: 0;
  -gtk-outline-radius: 7px;
}

.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
  border-radius: 7px;
}

/* menu buttons */
modelbutton.flat,
.menuitem.button.flat {
  min-height: 28px;
  padding: 0 8px;
  border-radius: 7px;
  color: inherit;
}

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-height: 20px;
  min-width: 20px;
  padding: 4px;
}

/*********
 * Links *
 *********/
*:link, button:link,
button:visited {
  color: #5657f5;
}

*:link:visited, *:link:visited:hover, *:link:visited:active,
button:visited {
  color: #E040FB;
}

infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link,
button:selected:visited, *:selected button:link,
*:selected button:visited {
  color: #FFFFFF;
}

button:link > label,
button:visited > label {
  text-decoration-line: underline;
}

/*****************
 * GtkSpinButton *
 *****************/
spinbutton:not(.vertical) {
  padding: 0;
}

.budgie-popover spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
spinbutton:not(.vertical) entry {
  min-width: 22px;
  margin: 0;
  border-image: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}

spinbutton:not(.vertical) button {
  border: solid 6px transparent;
}

spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
  margin-left: -3px;
}

spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
  margin-right: -3px;
}

spinbutton.vertical:disabled {
  color: rgba(0, 0, 0, 0.38);
}

spinbutton.vertical:drop(active) {
  box-shadow: none;
}

spinbutton.vertical entry {
  min-height: 32px;
  min-width: 38px;
  padding: 0;
}

spinbutton.vertical button {
  min-height: 32px;
  min-width: 38px;
  padding: 0;
}

spinbutton.vertical button.up {
  border-radius: 7px 7px 0 0;
}

spinbutton.vertical button.down {
  border-radius: 0 0 7px 7px;
}

treeview spinbutton:not(.vertical) {
  min-height: 0;
  border-style: none;
  border-radius: 0;
}

treeview spinbutton:not(.vertical) entry {
  min-height: 0;
  padding: 1px 2px;
}

/**************
 * ComboBoxes *
 **************/
combobox arrow {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  min-height: 16px;
  min-width: 16px;
}

combobox decoration,
combobox button.combo:checked {
  transition: none;
}

combobox button.combo cellview:dir(ltr) {
  margin-left: 0px;
}

combobox button.combo cellview:dir(rtl) {
  margin-right: 0px;
}

combobox #gtk-combobox-popup-menu menuitem {
  min-height: 28px;
  padding: 0 8px;
}

combobox #gtk-combobox-popup-menu > arrow.top {
  margin-top: -2px;
}

combobox #gtk-combobox-popup-menu > arrow.bottom {
  margin-top: 4px;
  margin-bottom: -6px;
}

combobox.linked button:nth-child(2):dir(ltr) {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

combobox.linked button:nth-child(2):dir(rtl) {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

combobox:drop(active) {
  box-shadow: none;
}

.linked:not(.vertical) > combobox:first-child > box > button.combo {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

.linked:not(.vertical) > combobox:last-child > box > button.combo {
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
}

.linked:not(.vertical) > combobox:only-child > box > button.combo {
  border-radius: 7px;
}

.linked.vertical > combobox:first-child > box > button.combo {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.linked.vertical > combobox:last-child > box > button.combo {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.linked.vertical > combobox:only-child > box > button.combo {
  border-radius: 7px;
}

#login_window #user_combobox button, .raven .raven-background button.combo, .budgie-popover button.combo, notebook > stack:not(:only-child) button.combo, popover button.combo,
popover.background button.combo,
popover.background.menu button.combo {
  border-radius: 0;
  background-image: none;
  font-weight: inherit;
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.75);
}

#login_window #user_combobox button:hover, .raven .raven-background button.combo:hover, .budgie-popover button.combo:hover, notebook > stack:not(:only-child) button.combo:hover, popover button.combo:hover,
popover.background button.combo:hover,
popover.background.menu button.combo:hover {
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
}

#login_window #user_combobox button:checked, .raven .raven-background button.combo:checked, .budgie-popover button.combo:checked, notebook > stack:not(:only-child) button.combo:checked, popover button.combo:checked,
popover.background button.combo:checked,
popover.background.menu button.combo:checked {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
}

#login_window #user_combobox button:disabled, .raven .raven-background button.combo:disabled, .budgie-popover button.combo:disabled, notebook > stack:not(:only-child) button.combo:disabled, popover button.combo:disabled,
popover.background button.combo:disabled,
popover.background.menu button.combo:disabled {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.38);
}

/************
 * Toolbars *
 ************/
toolbar {
  -GtkWidget-window-dragging: true;
  padding: 2px;
  background-color: #f4f4f9;
}

.osd toolbar {
  background-color: transparent;
}

frame.documents-dropdown, .app-notification, toolbar.osd {
  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
  padding: 4px;
  border-radius: 7px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.4);
  background-color: #FFFFFF;
}

frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
}

frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
  border-radius: 0;
}

toolbar.horizontal > separator {
  margin: 2px;
}

toolbar.vertical > separator {
  margin: 2px;
}

toolbar:not(.inline-toolbar):not(.osd) scale,
toolbar:not(.inline-toolbar):not(.osd) entry,
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
toolbar:not(.inline-toolbar):not(.osd) button {
  margin: 2px;
}

toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
  margin-left: 0;
}

toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
  margin-right: 0;
}

toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
  margin: 0;
}

toolbar:not(.inline-toolbar):not(.osd) switch {
  margin: 6px 2px;
}

.inline-toolbar {
  padding: 4px;
  border-style: solid;
  border-width: 0 1px 1px;
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #eaeaf4;
}

searchbar > revealer > box,
.location-bar {
  padding: 4px;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #f4f4f9;
  background-clip: border-box;
}

searchbar > revealer > box {
  margin: -6px;
  padding: 4px;
}

actionbar {
  border-radius: 0 0 13px 13px;
}

/***************
 * Header bars *
 ***************/
headerbar {
  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
  min-height: 38px;
  padding: 0 4px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.08);
  background-color: #31313a;
  color: #FFFFFF;
}

headerbar:disabled :not(button) > label {
  color: rgba(255, 255, 255, 0.5);
}

headerbar:backdrop {
  color: rgba(255, 255, 255, 0.7);
}

headerbar:backdrop:disabled :not(button) > label {
  color: rgba(255, 255, 255, 0.3);
}

headerbar .title {
  padding: 0 12px;
  font-weight: bold;
}

headerbar .subtitle {
  padding: 0 12px;
  font-size: smaller;
}

headerbar entry {
  background-color: #FFFFFF;
}

headerbar entry:focus {
  background-color: white;
}

headerbar .linked:not(.vertical) > entry:not(.flat) {
  border-radius: 7px;
}

headerbar .linked:not(.vertical) > button {
  border-radius: 7px;
  -gtk-outline-radius: 7px;
}


headerbar button:not(.suggested-action):not(.destructive-action) {
  border-image: none;
  color: rgba(255, 255, 255, 0.7);
}


headerbar button:not(.suggested-action):not(.destructive-action):hover,
headerbar button:not(.suggested-action):not(.destructive-action):active {
  color: #FFFFFF;
}


headerbar button:not(.suggested-action):not(.destructive-action):disabled {
  color: rgba(255, 255, 255, 0.3);
}


headerbar button:not(.suggested-action):not(.destructive-action):checked {
  border-image: none;
  background-color: #5657f5;
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
  background-size: auto auto;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.08);
}


headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(86, 87, 245, 0.5);
}


headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
  color: rgba(255, 255, 255, 0.5);
}


headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
  color: rgba(255, 255, 255, 0.7);
}


headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
  color: rgba(255, 255, 255, 0.3);
}


headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
  background-image: none;
  color: rgba(255, 255, 255, 0.7);
}


headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
  color: rgba(255, 255, 255, 0.3);
}

headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.5);
}

headerbar.selection-mode {
  transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
  animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(0, 0, 0, 0.08);
  background-color: #5657f5;
  color: #FFFFFF;
}

headerbar.selection-mode:backdrop {
  color: rgba(255, 255, 255, 0.7);
}

headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0;
  color: #FFFFFF;
}

headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
  color: rgba(255, 255, 255, 0.5);
}

headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover {
  color: #FFFFFF;
}

headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
  color: #FFFFFF;
}

headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
  color: rgba(255, 255, 255, 0.5);
}

headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
  color: rgba(255, 255, 255, 0.7);
}

headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
  color: rgba(255, 255, 255, 0.3);
}

headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
  color: rgba(255, 255, 255, 0.7);
}

headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
  color: rgba(255, 255, 255, 0.3);
}

headerbar.selection-mode .selection-menu {
  padding-left: 16px;
  padding-right: 16px;
}

headerbar.selection-mode .selection-menu arrow {
  -GtkArrow-arrow-scaling: 1;
}

headerbar.selection-mode .selection-menu .arrow {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action),
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action), headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) {
  padding-left: 8px;
  padding-right: 8px;
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action) label,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action) label, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) label {
  padding-left: 8px;
  padding-right: 8px;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active {
  color: #FFFFFF;
  background-color: transparent;
  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
  background-size: 0% 0%;
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked {
  color: #FFFFFF;
  background-color: transparent;
  box-shadow: none;
  background-image: none;
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active:backdrop,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked:backdrop,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active:backdrop {
  color: rgba(255, 255, 255, 0.7);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button label,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label {
  padding-left: 0;
  padding-right: 0;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image {
  padding-left: 0;
  padding-right: 0;
}

headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
}

headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked {
  background-color: alpha(currentColor, 0.15);
}

.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar {
  border-radius: 0;
}

headerbar.default-decoration {
  min-height: 20px;
  padding: 4px 12px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
}

.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration {
  box-shadow: none;
}

headerbar.default-decoration button.titlebutton {
  min-height: 16px;
  min-width: 16px;
  margin: 0 2px;
  padding: 0;
}

.background:not(.csd) headerbar.default-decoration button.titlebutton:active {
  background-size: 1000% 1000%;
}

.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
  border-radius: 0;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
}

headerbar entry,
headerbar spinbutton,
headerbar button {
  margin-top: 4px;
  margin-bottom: 4px;
}

headerbar switch {
  margin-top: 8px;
  margin-bottom: 8px;
}

headerbar spinbutton button {
  margin-top: 0;
  margin-bottom: 0;
}

headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
  margin-top: 3px;
  margin-bottom: 3px;
}

.csd headerbar, headerbar.titlebar, .titlebar headerbar, .solid-csd headerbar, box headerbar:only-child {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.08);
}

headerbar.titlebar.default-decoration, .csd headerbar.titlebar.default-decoration {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
}

box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child {
  border-left-color: #31313a;
  border-right-color: #31313a;
}

.titlebar,
.titlebar .background {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.background.tiled .titlebar,
.background.tiled-top .titlebar,
.background.tiled-right .titlebar,
.background.tiled-bottom .titlebar,
.background.tiled-left .titlebar,
.background.maximized .titlebar,
.background.solid-csd .titlebar {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

window separator:first-child + headerbar, window headerbar:first-child {
  border-top-left-radius: 13px;
}

window headerbar:last-child {
  border-top-right-radius: 13px;
}

window stack headerbar:first-child, window stack headerbar:last-child {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

headerbar separator.titlebutton {
  min-width: 0;
  min-height: 0;
  background-color: transparent;
  border: none;
}

window.csd > .titlebar:not(headerbar) {
  padding: 0;
  background-color: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
}

.titlebar:not(headerbar) > separator {
  background-color: #31313a;
}

/************
 * Pathbars *
 ************/
.caja-pathbar button,
.path-bar button {
  padding-left: 4px;
  padding-right: 4px;
}

.caja-pathbar button label:not(:only-child):first-child,
.path-bar button label:not(:only-child):first-child {
  margin-left: 4px;
  padding-left: 8px;
}

.caja-pathbar button label:not(:only-child):last-child,
.path-bar button label:not(:only-child):last-child {
  margin-right: 4px;
  padding-right: 8px;
}

.caja-pathbar button.slider-button,
.path-bar button.slider-button {
  padding-left: 4px;
  padding-right: 4px;
}

:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
  border-radius: 7px;
}

:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
}

:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled {
  background-color: transparent;
}

/**************
 * Tree Views *
 **************/
treeview.view {
  border-left-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.08);
}

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

treeview.view:selected {
  border-left-color: rgba(255, 255, 255, 0.3);
}

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

treeview.view.separator {
  min-height: 5px;
  color: rgba(0, 0, 0, 0.08);
}

treeview.view:drop(active) {
  border-style: solid none;
  border-width: 1px;
  border-color: #7C4DFF;
}

treeview.view:drop(active).after {
  border-top-style: none;
}

treeview.view:drop(active).before {
  border-bottom-style: none;
}

treeview.view.expander {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  -gtk-icon-transform: rotate(-90deg);
  color: rgba(0, 0, 0, 0.55);
}

treeview.view.expander:dir(rtl) {
  -gtk-icon-transform: rotate(90deg);
}

treeview.view.expander:checked {
  -gtk-icon-transform: unset;
}

treeview.view.expander:hover, treeview.view.expander:active {
  color: rgba(0, 0, 0, 0.75);
}

treeview.view.expander:disabled {
  color: rgba(0, 0, 0, 0.26);
}

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

treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
  color: #FFFFFF;
}

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

treeview.view.progressbar {
  border-bottom: 4px solid #5657f5;
  box-shadow: none;
  background-color: transparent;
}

treeview.view.progressbar:selected {
  border-bottom-color: #FFFFFF;
}

treeview.view.trough {
  border-bottom: 4px solid rgba(86, 87, 245, 0.3);
  box-shadow: none;
  background-color: transparent;
}

treeview.view.trough:selected {
  border-bottom-color: rgba(255, 255, 255, 0.3);
}

treeview.view header button {
  padding: 2px 6px;
  border-style: none solid solid none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 0;
  background-clip: border-box;
}

treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
  box-shadow: none;
}

treeview.view header button, treeview.view header button:disabled {
  background-color: #FFFFFF;
}

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

treeview.view button.dnd,
treeview.view header.button.dnd {
  padding: 2px 6px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 0;
  box-shadow: none;
  background-color: #FFFFFF;
  background-clip: border-box;
  color: #5657f5;
}

treeview.view acceleditor > label {
  background-color: #5657f5;
}

/*********
 * Menus *
 *********/
menubar,
.menubar {
  -GtkWidget-window-dragging: true;
  padding: 0;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
  background-color: #31313a;
  color: rgba(255, 255, 255, 0.7);
}

menubar > menuitem,
.menubar > menuitem {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
  min-height: 20px;
  padding: 4px 8px;
  color: rgba(255, 255, 255, 0.7);
}

menubar > menuitem menu,
.menubar > menuitem menu {
  border-radius: 0 0 8px 8px;
}

menubar > menuitem menu menu,
.menubar > menuitem menu menu {
  border-radius: 8px;
}

menubar > menuitem:hover,
.menubar > menuitem:hover {
  transition: none;
  color: #FFFFFF;
  box-shadow: inset 0 -3px #5657f5;
}

menubar > menuitem:disabled,
.menubar > menuitem:disabled {
  color: rgba(255, 255, 255, 0.3);
}

menubar > menuitem label:disabled,
.menubar > menuitem label:disabled {
  color: inherit;
}

.csd.popup {
  background-color: transparent;
}

menu,
.menu,
.context-menu {
  margin: 4px 0;
  padding: 4px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
  background-color: #3c3c46;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.7);
}

.csd menu, .csd .menu, .csd .context-menu {
  border: none;
  background-color: #3c3c46;
}

menu menuitem,
.menu menuitem,
.context-menu menuitem {
  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
  min-height: 20px;
  min-width: 40px;
  padding: 4px 8px;
  font: initial;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.7);
  border-radius: 5px;
}

menu menuitem:hover,
.menu menuitem:hover,
.context-menu menuitem:hover {
  transition: none;
  background-color: rgba(255, 255, 255, 0.08);
  color: white;
}

menu menuitem:hover accelerator,
.menu menuitem:hover accelerator,
.context-menu menuitem:hover accelerator {
  color: white;
}

menu menuitem:disabled,
.menu menuitem:disabled,
.context-menu menuitem:disabled {
  color: rgba(255, 255, 255, 0.3);
}

menu menuitem arrow,
.menu menuitem arrow,
.context-menu menuitem arrow {
  min-height: 16px;
  min-width: 16px;
}

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

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

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

menu > arrow,
.menu > arrow,
.context-menu > arrow {
  min-height: 16px;
  min-width: 16px;
  padding: 4px;
  background-color: #3c3c46;
  color: rgba(255, 255, 255, 0.7);
}

menu > arrow.top,
.menu > arrow.top,
.context-menu > arrow.top {
  margin: -4px -3px 0 -3px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px 7px 0 0;
  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}

menu > arrow.bottom,
.menu > arrow.bottom,
.context-menu > arrow.bottom {
  margin: 8px -3px -12px -3px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0 0 7px 7px;
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

menu > arrow:hover,
.menu > arrow:hover,
.context-menu > arrow:hover {
  background-image: image(rgba(255, 255, 255, 0.12));
  color: #FFFFFF;
}

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

menu separator,
.menu separator,
.context-menu separator {
  margin: 0 0;
  background: none;
  color: transparent;
}

menuitem accelerator {
  color: rgba(255, 255, 255, 0.7);
}

menuitem:disabled accelerator {
  color: rgba(255, 255, 255, 0.3);
}

.popup:not(.csd) menu {
  border-radius: 0;
  color: #25252d;
  background-color: #FFFFFF;
}

.popup:not(.csd) menu menuitem {
  color: #25252d;
}

.popup:not(.csd) menu menuitem:hover {
  background-color: #7f818a;
}

.popup:not(.csd) menu menuitem:disabled {
  color: #66686e;
}

.popup:not(.csd) menu menuitem accelerator {
  color: #5c5e66;
}

/************
 * Popovers *
 ************/
popover modelbutton.flat,
popover menuitem.button.flat,
popover spinbutton.vertical button,
popover.background modelbutton.flat,
popover.background menuitem.button.flat,
popover.background spinbutton.vertical button,
popover.background.menu modelbutton.flat,
popover.background.menu menuitem.button.flat,
popover.background.menu spinbutton.vertical button, popover row.button.flat.menuitem.activatable,
popover row.activatable, popover .view,
popover.background row.button.flat.menuitem.activatable,
popover.background row.activatable,
popover.background .view,
popover.background.menu row.button.flat.menuitem.activatable,
popover.background.menu row.activatable,
popover.background.menu .view, popover button.flat.combo,
popover.background button.flat.combo,
popover.background.menu button.flat.combo, popover button.flat,
popover.background button.flat,
popover.background.menu button.flat {
  color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
}

popover modelbutton.flat:hover,
popover menuitem.button.flat:hover,
popover spinbutton.vertical button:hover,
popover.background modelbutton.flat:hover,
popover.background menuitem.button.flat:hover,
popover.background spinbutton.vertical button:hover,
popover.background.menu modelbutton.flat:hover,
popover.background.menu menuitem.button.flat:hover,
popover.background.menu spinbutton.vertical button:hover, popover row.button.flat.menuitem.activatable:hover,
popover row.activatable:hover, popover .view:hover,
popover.background row.activatable:hover,
popover.background .view:hover,
popover.background.menu row.activatable:hover,
popover.background.menu .view:hover, popover button.flat.combo:hover,
popover.background button.flat.combo:hover,
popover.background.menu button.flat.combo:hover, popover button.flat:hover,
popover.background button.flat:hover,
popover.background.menu button.flat:hover {
  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}

popover modelbutton.flat:checked,
popover menuitem.button.flat:checked,
popover spinbutton.vertical button:checked,
popover.background modelbutton.flat:checked,
popover.background menuitem.button.flat:checked,
popover.background spinbutton.vertical button:checked,
popover.background.menu modelbutton.flat:checked,
popover.background.menu menuitem.button.flat:checked,
popover.background.menu spinbutton.vertical button:checked, popover row.button.flat.menuitem.activatable:checked,
popover row.activatable:checked, popover .view:checked,
popover.background row.activatable:checked,
popover.background .view:checked,
popover.background.menu row.activatable:checked,
popover.background.menu .view:checked, popover button.flat.combo:checked,
popover.background button.flat.combo:checked,
popover.background.menu button.flat.combo:checked, popover button.flat:checked,
popover.background button.flat:checked,
popover.background.menu button.flat:checked, popover modelbutton.flat:active,
popover menuitem.button.flat:active,
popover spinbutton.vertical button:active,
popover.background modelbutton.flat:active,
popover.background menuitem.button.flat:active,
popover.background spinbutton.vertical button:active,
popover.background.menu modelbutton.flat:active,
popover.background.menu menuitem.button.flat:active,
popover.background.menu spinbutton.vertical button:active, popover row.button.flat.menuitem.activatable:active,
popover row.activatable:active, popover .view:active,
popover.background row.activatable:active,
popover.background .view:active,
popover.background.menu row.activatable:active,
popover.background.menu .view:active, popover button.flat.combo:active,
popover.background button.flat.combo:active,
popover.background.menu button.flat.combo:active, popover button.flat:active,
popover.background button.flat:active,
popover.background.menu button.flat:active {
  color: #FFFFFF;
  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12);
  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
}

popover modelbutton.flat:disabled,
popover menuitem.button.flat:disabled,
popover spinbutton.vertical button:disabled,
popover.background modelbutton.flat:disabled,
popover.background menuitem.button.flat:disabled,
popover.background spinbutton.vertical button:disabled,
popover.background.menu modelbutton.flat:disabled,
popover.background.menu menuitem.button.flat:disabled,
popover.background.menu spinbutton.vertical button:disabled, popover row.button.flat.menuitem.activatable:disabled,
popover row.activatable:disabled, popover .view:disabled,
popover.background row.activatable:disabled,
popover.background .view:disabled,
popover.background.menu row.activatable:disabled,
popover.background.menu .view:disabled, popover button.flat.combo:disabled,
popover.background button.flat.combo:disabled,
popover.background.menu button.flat.combo:disabled, popover button.flat:disabled,
popover.background button.flat:disabled,
popover.background.menu button.flat:disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
}

popover button.combo,
popover.background button.combo,
popover.background.menu button.combo, popover button,
popover.background button,
popover.background.menu button {
  color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
  box-shadow: none;
}

popover button.combo:hover,
popover.background button.combo:hover,
popover.background.menu button.combo:hover, popover button:hover,
popover.background button:hover,
popover.background.menu button:hover {
  transition: none;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.12);
}

popover button.combo:checked,
popover.background button.combo:checked,
popover.background.menu button.combo:checked, popover button:checked,
popover.background button:checked,
popover.background.menu button:checked, popover button.combo:active,
popover.background button.combo:active,
popover.background.menu button.combo:active, popover button:active,
popover.background button:active,
popover.background.menu button:active {
  background-color: #5657f5;
  color: #FFFFFF;
}

popover button.combo:disabled,
popover.background button.combo:disabled,
popover.background.menu button.combo:disabled, popover button:disabled,
popover.background button:disabled,
popover.background.menu button:disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
}

popover button.combo:checked:disabled,
popover.background button.combo:checked:disabled,
popover.background.menu button.combo:checked:disabled, popover button:checked:disabled,
popover.background button:checked:disabled,
popover.background.menu button:checked:disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(86, 87, 245, 0.5);
}

popover .linked entry, popover entry,
popover spinbutton:not(.vertical),
popover.background .linked entry,
popover.background entry,
popover.background spinbutton:not(.vertical),
popover.background.menu .linked entry,
popover.background.menu entry,
popover.background.menu spinbutton:not(.vertical) {
  border-radius: 0;
  caret-color: #FFFFFF;
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.3) 0%, transparent 0%) 0 0 0/0 0 0px;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.75);
}

popover .linked entry:focus, popover entry:focus,
popover spinbutton:focus:not(.vertical),
popover.background .linked entry:focus,
popover.background entry:focus,
popover.background spinbutton:focus:not(.vertical),
popover.background.menu .linked entry:focus,
popover.background.menu entry:focus,
popover.background.menu spinbutton:focus:not(.vertical) {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
}

popover .linked entry:disabled, popover entry:disabled,
popover spinbutton:disabled:not(.vertical),
popover.background .linked entry:disabled,
popover.background entry:disabled,
popover.background spinbutton:disabled:not(.vertical),
popover.background.menu .linked entry:disabled,
popover.background.menu entry:disabled,
popover.background.menu spinbutton:disabled:not(.vertical) {
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
  background-color: transparent;
}

popover .linked entry, popover entry,
popover spinbutton:not(.vertical),
popover.background .linked entry,
popover.background entry,
popover.background spinbutton:not(.vertical),
popover.background.menu .linked entry,
popover.background.menu entry,
popover.background.menu spinbutton:not(.vertical), popover .linked entry label, popover entry label,
popover spinbutton:not(.vertical) label,
popover.background .linked entry label,
popover.background entry label,
popover.background spinbutton:not(.vertical) label,
popover.background.menu .linked entry label,
popover.background.menu entry label,
popover.background.menu spinbutton:not(.vertical) label, popover .linked entry image, popover entry image,
popover spinbutton:not(.vertical) image,
popover.background .linked entry image,
popover.background entry image,
popover.background spinbutton:not(.vertical) image,
popover.background.menu .linked entry image,
popover.background.menu entry image,
popover.background.menu spinbutton:not(.vertical) image {
  color: rgba(255, 255, 255, 0.8);
}

popover .linked entry:focus, popover entry:focus,
popover spinbutton:focus:not(.vertical),
popover.background .linked entry:focus,
popover.background entry:focus,
popover.background spinbutton:focus:not(.vertical),
popover.background.menu .linked entry:focus,
popover.background.menu entry:focus,
popover.background.menu spinbutton:focus:not(.vertical), popover .linked entry label:focus, popover entry label:focus,
popover spinbutton:not(.vertical) label:focus,
popover.background .linked entry label:focus,
popover.background entry label:focus,
popover.background spinbutton:not(.vertical) label:focus,
popover.background.menu .linked entry label:focus,
popover.background.menu entry label:focus,
popover.background.menu spinbutton:not(.vertical) label:focus, popover .linked entry image:focus, popover entry image:focus,
popover spinbutton:not(.vertical) image:focus,
popover.background .linked entry image:focus,
popover.background entry image:focus,
popover.background spinbutton:not(.vertical) image:focus,
popover.background.menu .linked entry image:focus,
popover.background.menu entry image:focus,
popover.background.menu spinbutton:not(.vertical) image:focus {
  color: #FFFFFF;
}

popover .linked entry:disabled, popover entry:disabled,
popover spinbutton:disabled:not(.vertical),
popover.background .linked entry:disabled,
popover.background entry:disabled,
popover.background spinbutton:disabled:not(.vertical),
popover.background.menu .linked entry:disabled,
popover.background.menu entry:disabled,
popover.background.menu spinbutton:disabled:not(.vertical), popover .linked entry label:disabled, popover entry label:disabled,
popover spinbutton:not(.vertical) label:disabled,
popover.background .linked entry label:disabled,
popover.background entry label:disabled,
popover.background spinbutton:not(.vertical) label:disabled,
popover.background.menu .linked entry label:disabled,
popover.background.menu entry label:disabled,
popover.background.menu spinbutton:not(.vertical) label:disabled, popover .linked entry image:disabled, popover entry image:disabled,
popover spinbutton:not(.vertical) image:disabled,
popover.background .linked entry image:disabled,
popover.background entry image:disabled,
popover.background spinbutton:not(.vertical) image:disabled,
popover.background.menu .linked entry image:disabled,
popover.background.menu entry image:disabled,
popover.background.menu spinbutton:not(.vertical) image:disabled {
  color: rgba(255, 255, 255, 0.3);
}

popover,
popover.background,
popover.background.menu {
  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
  padding: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
  background-color: #3f3f3f;
  color: rgba(255, 255, 255, 0.8);
}

popover:backdrop,
popover.background:backdrop,
popover.background.menu:backdrop {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.75);
}

popover:disabled,
popover.background:disabled,
popover.background.menu:disabled {
  color: rgba(255, 255, 255, 0.3);
}

popover image:disabled, popover label:disabled,
popover.background image:disabled,
popover.background label:disabled,
popover.background.menu image:disabled,
popover.background.menu label:disabled {
  color: rgba(255, 255, 255, 0.3);
}

popover, .csd popover,
popover.background, .csd popover.background,
popover.background.menu, .csd popover.background.menu {
  border-radius: 8px;
}

popover > stack,
popover.background > stack,
popover.background.menu > stack {
  margin: -4px;
}

popover > toolbar,
popover.background > toolbar,
popover.background.menu > toolbar {
  margin: -2px;
}

popover > toolbar,
popover.background > toolbar,
popover.background.menu > toolbar {
  border-style: none;
  box-shadow: none;
  background-color: transparent;
}

popover list, popover row, popover .view, popover textview.view > text,
popover.background list,
popover.background row,
popover.background .view,
popover.background textview.view > text,
popover.background.menu list,
popover.background.menu row,
popover.background.menu .view,
popover.background.menu textview.view > text {
  color: rgba(255, 255, 255, 0.8);
  background-color: #373737;
  border-color: rgba(255, 255, 255, 0.12);
}

popover treeview.view header button,
popover.background treeview.view header button,
popover.background.menu treeview.view header button {
  border-color: rgba(255, 255, 255, 0.12);
}

popover scrolledwindow,
popover.background scrolledwindow,
popover.background.menu scrolledwindow {
  border-color: rgba(255, 255, 255, 0.12);
}

popover scrollbar,
popover.background scrollbar,
popover.background.menu scrollbar {
  background-color: rgba(50, 50, 50, 0.65);
  border-color: rgba(255, 255, 255, 0.12);
}

popover scrollbar slider,
popover.background scrollbar slider,
popover.background.menu scrollbar slider {
  background-color: rgba(255, 255, 255, 0.5);
}

popover scrollbar slider:hover,
popover.background scrollbar slider:hover,
popover.background.menu scrollbar slider:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

popover scrollbar slider:active,
popover.background scrollbar slider:active,
popover.background.menu scrollbar slider:active {
  background-color: #FFFFFF;
}

popover scrollbar slider:disabled,
popover.background scrollbar slider:disabled,
popover.background.menu scrollbar slider:disabled {
  background-color: rgba(255, 255, 255, 0.3);
}

popover scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
popover.background.menu scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
  border: 1px solid rgba(50, 50, 50, 0.3);
}

popover scrollbar.overlay-indicator:not(.dragging):not(.hovering) button,
popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button,
popover.background.menu scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
  border: 1px solid rgba(50, 50, 50, 0.3);
  background-color: rgba(255, 255, 255, 0.5);
}

popover scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled,
popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled,
popover.background.menu scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
  background-color: rgba(255, 255, 255, 0.3);
}

popover scrollbar.overlay-indicator.dragging, popover scrollbar.overlay-indicator.hovering,
popover.background scrollbar.overlay-indicator.dragging,
popover.background scrollbar.overlay-indicator.hovering,
popover.background.menu scrollbar.overlay-indicator.dragging,
popover.background.menu scrollbar.overlay-indicator.hovering {
  background-color: rgba(50, 50, 50, 0.9);
}

popover button.radio,
popover.background button.radio,
popover.background.menu button.radio {
  background-color: rgba(255, 255, 255, 0.08);
}

popover button.radio:hover,
popover.background button.radio:hover,
popover.background.menu button.radio:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.15);
}

.linked > popover button, .linked > popover.background button, .linked > popover.background.menu button {
  border-radius: 7px;
}

.linked > popover button:first-child, .linked > popover.background button:first-child, .linked > popover.background.menu button:first-child {
  border-radius: 7px;
}

.linked > popover button:last-child, .linked > popover.background button:last-child, .linked > popover.background.menu button:last-child {
  border-radius: 7px;
}

.linked > popover button:only-child, .linked > popover.background button:only-child, .linked > popover.background.menu button:only-child {
  border-radius: 7px;
}

popover.menu button, popover button.model,
popover.background.menu button,
popover.background button.model,
popover.background.menu.menu button,
popover.background.menu button.model {
  border-radius: 7px;
}

popover button.suggested-action,
popover.background button.suggested-action,
popover.background.menu button.suggested-action {
  background-color: #7C4DFF;
  color: #FFFFFF;
}

popover button.suggested-action:disabled,
popover.background button.suggested-action:disabled,
popover.background.menu button.suggested-action:disabled {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(124, 77, 255, 0.5);
}

popover button.suggested-action:hover,
popover.background button.suggested-action:hover,
popover.background.menu button.suggested-action:hover {
  color: #FFFFFF;
  background-color: #8f67ff;
}

popover button.suggested-action:checked,
popover.background button.suggested-action:checked,
popover.background.menu button.suggested-action:checked {
  background-color: #a382ff;
}

popover button.suggested-action.flat,
popover.background button.suggested-action.flat,
popover.background.menu button.suggested-action.flat {
  background-color: transparent;
  color: #7C4DFF;
}

popover button.suggested-action.flat:hover,
popover.background button.suggested-action.flat:hover,
popover.background.menu button.suggested-action.flat:hover {
  color: #7C4DFF;
  background-color: rgba(124, 77, 255, 0.15);
}

popover button.suggested-action.flat:disabled,
popover.background button.suggested-action.flat:disabled,
popover.background.menu button.suggested-action.flat:disabled {
  background-color: transparent;
  color: rgba(124, 77, 255, 0.5);
}

popover button.suggested-action.flat:checked,
popover.background button.suggested-action.flat:checked,
popover.background.menu button.suggested-action.flat:checked {
  background-color: rgba(124, 77, 255, 0.3);
}

popover button.destructive-action,
popover.background button.destructive-action,
popover.background.menu button.destructive-action {
  background-color: #FF5252;
  color: #FFFFFF;
}

popover button.destructive-action:disabled,
popover.background button.destructive-action:disabled,
popover.background.menu button.destructive-action:disabled {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 82, 82, 0.5);
}

popover button.destructive-action:hover,
popover.background button.destructive-action:hover,
popover.background.menu button.destructive-action:hover {
  color: #FFFFFF;
  background-color: #ff6c6c;
}

popover button.destructive-action:checked,
popover.background button.destructive-action:checked,
popover.background.menu button.destructive-action:checked {
  background-color: #ff8686;
}

popover button.destructive-action.flat,
popover.background button.destructive-action.flat,
popover.background.menu button.destructive-action.flat {
  background-color: transparent;
  color: #FF5252;
}

popover button.destructive-action.flat:hover,
popover.background button.destructive-action.flat:hover,
popover.background.menu button.destructive-action.flat:hover {
  color: #FF5252;
  background-color: rgba(255, 82, 82, 0.15);
}

popover button.destructive-action.flat:disabled,
popover.background button.destructive-action.flat:disabled,
popover.background.menu button.destructive-action.flat:disabled {
  background-color: transparent;
  color: rgba(255, 82, 82, 0.5);
}

popover button.destructive-action.flat:checked,
popover.background button.destructive-action.flat:checked,
popover.background.menu button.destructive-action.flat:checked {
  background-color: rgba(255, 82, 82, 0.3);
}

popover check, popover radio,
popover.background check,
popover.background radio,
popover.background.menu check,
popover.background.menu radio {
  color: rgba(255, 255, 255, 0.8);
  transition: none;
  animation: none;
}

popover check:hover, popover radio:hover,
popover.background check:hover,
popover.background radio:hover,
popover.background.menu check:hover,
popover.background.menu radio:hover {
  color: #FFFFFF;
}

popover check:disabled, popover radio:disabled,
popover.background check:disabled,
popover.background radio:disabled,
popover.background.menu check:disabled,
popover.background.menu radio:disabled {
  color: rgba(255, 255, 255, 0.3);
}

popover check:checked, popover check:indeterminate, popover radio:checked, popover radio:indeterminate,
popover.background check:checked,
popover.background check:indeterminate,
popover.background radio:checked,
popover.background radio:indeterminate,
popover.background.menu check:checked,
popover.background.menu check:indeterminate,
popover.background.menu radio:checked,
popover.background.menu radio:indeterminate {
  color: #7C4DFF;
}

popover check:checked:disabled, popover check:indeterminate:disabled, popover radio:checked:disabled, popover radio:indeterminate:disabled,
popover.background check:checked:disabled,
popover.background check:indeterminate:disabled,
popover.background radio:checked:disabled,
popover.background radio:indeterminate:disabled,
popover.background.menu check:checked:disabled,
popover.background.menu check:indeterminate:disabled,
popover.background.menu radio:checked:disabled,
popover.background.menu radio:indeterminate:disabled {
  color: rgba(124, 77, 255, 0.5);
}

popover checkbutton.text-button,
popover radiobutton.text-button,
popover.background checkbutton.text-button,
popover.background radiobutton.text-button,
popover.background.menu checkbutton.text-button,
popover.background.menu radiobutton.text-button {
  outline-style: none;
}

popover separator,
popover.background separator,
popover.background.menu separator {
  margin: 4px 0;
}

popover list separator,
popover.background list separator,
popover.background.menu list separator {
  margin: 0;
}

popover separator, popover separator, .csd popover separator,
popover.background separator,
popover.background separator, .csd popover.background separator,
popover.background.menu separator,
popover.background.menu separator, .csd popover.background.menu separator {
  border: none;
  background-color: rgba(255, 255, 255, 0.12);
}

popover label.separator,
popover.background label.separator,
popover.background.menu label.separator {
  color: rgba(255, 255, 255, 0.8);
}

popover calendar,
popover.background calendar,
popover.background.menu calendar {
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}

popover calendar:disabled,
popover.background calendar:disabled,
popover.background.menu calendar:disabled {
  color: rgba(255, 255, 255, 0.5);
}

popover calendar.header,
popover.background calendar.header,
popover.background.menu calendar.header {
  border-style: none none solid;
  border-color: rgba(255, 255, 255, 0.12);
  border-radius: 0;
}

popover calendar.highlight,
popover.background calendar.highlight,
popover.background.menu calendar.highlight {
  color: rgba(255, 255, 255, 0.7);
}

popover calendar:indeterminate,
popover.background calendar:indeterminate,
popover.background.menu calendar:indeterminate {
  color: rgba(255, 255, 255, 0.3);
}

/*************
 * Notebooks *
 *************/
frame > paned > notebook > header, notebook.frame > header {
  background-color: #eaeaf4;
}

notebook, notebook.frame {
  background-color: #FFFFFF;
  border-radius: 10px;
}

notebook.frame frame > border {
  border: none;
  border-radius: 10px;
}

notebook.frame frame > list row.activatable {
  border-radius: 10px;
}

notebook > header {
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #f4f4f9;
  background-clip: border-box;
}

notebook > header.top {
  border-bottom-style: solid;
  border-radius: 9px 9px 0 0;
}

notebook > header.top > tabs {
  margin-bottom: -1px;
}

notebook > header.top > tabs > tab:hover {
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
}

notebook > header.top > tabs > tab:checked {
  box-shadow: inset 0 -2px #5657f5;
}

notebook > header.bottom {
  border-top-style: solid;
  border-radius: 0 0 9px 9px;
}

notebook > header.bottom > tabs {
  margin-top: -1px;
}

notebook > header.bottom > tabs > tab:hover {
  box-shadow: inset 0 2px rgba(0, 0, 0, 0.2);
}

notebook > header.bottom > tabs > tab:checked {
  box-shadow: inset 0 2px #5657f5;
}

notebook > header.left {
  border-right-style: solid;
  border-radius: 9px 0 0 9px;
}

notebook > header.left > tabs {
  margin-right: -1px;
}

notebook > header.left > tabs > tab:hover {
  box-shadow: inset -2px 0 rgba(0, 0, 0, 0.2);
}

notebook > header.left > tabs > tab:checked {
  box-shadow: inset -2px 0 #5657f5;
}

notebook > header.right {
  border-left-style: solid;
  border-radius: 0 9px 9px 0;
}

notebook > header.right > tabs {
  margin-left: -1px;
}

notebook > header.right > tabs > tab:hover {
  box-shadow: inset 2px 0 rgba(0, 0, 0, 0.2);
}

notebook > header.right > tabs > tab:checked {
  box-shadow: inset 2px 0 #5657f5;
}

notebook > header.top > tabs > arrow {
  border-top-style: none;
}

notebook > header.bottom > tabs > arrow {
  border-bottom-style: none;
}

notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
  padding-left: 4px;
  padding-right: 4px;
}

notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
  margin-left: -8px;
  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
}

notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
  margin-right: -8px;
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}

notebook > header.left > tabs > arrow {
  border-left-style: none;
}

notebook > header.right > tabs > arrow {
  border-right-style: none;
}

notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
  padding-top: 4px;
  padding-bottom: 4px;
}

notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
  margin-top: -8px;
  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}

notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
  margin-bottom: -8px;
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

notebook > header > tabs > arrow {
  min-height: 16px;
  min-width: 16px;
  border-radius: 0;
}

notebook > header tab {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
  min-height: 20px;
  min-width: 20px;
  padding: 4px 12px;
  outline-offset: -6px;
  border-width: 1px;
  border-color: transparent;
  background-image: radial-gradient(circle farthest-corner at center, rgba(0, 0, 0, 0.2) 10%, transparent 0%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0% 0%;
  color: rgba(0, 0, 0, 0.55);
  font-weight: 500;
}

notebook > header tab:hover {
  color: rgba(0, 0, 0, 0.75);
}

notebook > header tab:hover.reorderable-page {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #eaeaf4;
}

notebook > header tab:disabled {
  color: rgba(0, 0, 0, 0.26);
}

notebook > header tab:checked {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
  background-color: transparent;
  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
  background-size: 1000% 1000%;
  background-clip: padding-box;
  color: rgba(0, 0, 0, 0.75);
}

notebook > header tab:checked:disabled {
  color: rgba(0, 0, 0, 0.38);
}

notebook > header tab:checked.reorderable-page {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #FFFFFF;
}

notebook > header tab button.flat {
  min-height: 24px;
  min-width: 24px;
  padding: 0;
  margin: 0;
}

notebook > header tab button.flat:last-child {
  margin-left: 4px;
  margin-right: -8px;
}

notebook > header tab button.flat:first-child {
  margin-left: -8px;
  margin-right: 4px;
}

notebook > header.top tabs, notebook > header.bottom tabs {
  padding-left: 8px;
  padding-right: 8px;
}

notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
  margin-left: 0;
}

notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
  margin-right: 0;
}

notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
  margin: 0 -1px;
  border-style: none solid;
}

notebook > header.left tabs, notebook > header.right tabs {
  padding-top: 8px;
  padding-bottom: 8px;
}

notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
  margin-top: 0;
}

notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
  margin-bottom: 0;
}

notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
  margin: -1px 0;
  border-style: solid none;
}

notebook > stack:not(:only-child) {
  background-color: #FFFFFF;
  border-radius: 10px;
}

/**************
 * Scrollbars *
 **************/
scrollbar {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
  background-color: rgba(255, 255, 255, 0.65);
  background-clip: padding-box;
}

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

scrollbar.top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

scrollbar.bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

scrollbar.left {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}

scrollbar.right {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

scrollbar slider {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
  min-width: 8px;
  min-height: 8px;
  border: 4px solid transparent;
  border-radius: 9999px;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.38);
}

scrollbar slider:hover {
  background-color: rgba(0, 0, 0, 0.55);
}

scrollbar slider:active {
  background-color: rgba(0, 0, 0, 0.75);
}

scrollbar slider:disabled {
  background-color: rgba(0, 0, 0, 0.26);
}

scrollbar.fine-tune slider {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
  min-width: 4px;
  min-height: 4px;
}

scrollbar.fine-tune.horizontal slider {
  margin: 2px 0;
}

scrollbar.fine-tune.vertical slider {
  margin: 0 2px;
}

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

scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
  min-width: 4px;
  min-height: 4px;
  margin: 3px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
  min-width: 4px;
  min-height: 4px;
  margin: 3px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 9999px;
  background-color: rgba(0, 0, 0, 0.38);
  background-clip: padding-box;
  -gtk-icon-source: none;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
  background-color: rgba(0, 0, 0, 0.26);
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
  min-width: 24px;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
  min-width: 8px;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
  min-height: 24px;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
  min-height: 8px;
}

scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
  background-color: rgba(255, 255, 255, 0.9);
}

scrollbar.horizontal slider {
  min-width: 24px;
}

scrollbar.vertical slider {
  min-height: 24px;
}

scrollbar button {
  min-width: 16px;
  min-height: 16px;
  padding: 0;
  border-radius: 0;
}

scrollbar.vertical button.down {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

scrollbar.vertical button.up {
  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}

scrollbar.horizontal button.down {
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}

scrollbar.horizontal button.up {
  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
}

/**********
 * Switch *
 **********/
switch {
  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
  margin: 4px 0;
  padding: 0;
  min-height: 16px;
  min-width: 38px;
  border: 4px solid transparent;
  border-radius: 9999px;
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  color: transparent;
  font-size: 0;
}

switch:disabled {
  background-color: rgba(0, 0, 0, 0.08);
}

switch:checked {
  background-color: rgba(124, 77, 255, 0.35);
  color: transparent;
}

switch:checked:disabled {
  background-color: rgba(124, 77, 255, 0.2);
}

switch slider {
  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
  min-width: 20px;
  min-height: 20px;
  margin: -4px -2px;
  border-radius: 9999px;
  -gtk-outline-radius: 9999px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-image: -gtk-scaled(url("assets/switch-slider-unchecked.png"), url("assets/switch-slider-unchecked@2.png"));
}

switch:hover slider {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

switch:checked slider {
  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), margin 0;
  background-color: #7C4DFF;
  color: transparent;
  background-image: -gtk-scaled(url("assets/switch-slider-checked.png"), url("assets/switch-slider-checked@2.png"));
}

switch:disabled slider {
  background-color: #eaeaf4;
}

switch:checked:disabled slider {
  animation: none;
  background-color: #bea6ff;
}

row:selected switch:checked {
  background-color: rgba(68, 1, 255, 0.35);
}

row:selected switch:checked:disabled {
  background-color: rgba(68, 1, 255, 0.2);
}

row:selected switch:checked slider {
  background-color: #561aff;
}

/*************************
 * Check and Radio items *
 *************************/
.view.content-view.check:not(list),
.content-view .tile check:not(list) {
  min-height: 40px;
  min-width: 40px;
  margin: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
.content-view .tile check:not(list):hover,
.content-view .tile check:not(list):active {
  -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

.view.content-view.check:not(list),
.content-view .tile check:not(list) {
  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
}

.view.content-view.check:not(list):checked,
.content-view .tile check:not(list):checked {
  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
}

checkbutton,
radiobutton {
  outline: none;
}

checkbutton.text-button,
radiobutton.text-button {
  padding: 2px;
  outline-offset: 0;
}

checkbutton.text-button label:not(:only-child),
radiobutton.text-button label:not(:only-child) {
  margin: 0 4px;
}

row check:selected,
row radio:selected, row check:selected:active,
row radio:selected:active, row check:selected:checked,
row radio:selected:checked, row check:selected:indeterminate,
row radio:selected:indeterminate, row check:selected:focus,
row radio:selected:focus, row check:selected:focus:active,
row radio:selected:focus:active, row check:selected:focus:checked,
row radio:selected:focus:checked, row check:selected:focus:indeterminate,
row radio:selected:focus:indeterminate, treeview.view check:selected,
treeview.view radio:selected, treeview.view check:selected:active,
treeview.view radio:selected:active, treeview.view check:selected:checked,
treeview.view radio:selected:checked, treeview.view check:selected:indeterminate,
treeview.view radio:selected:indeterminate, treeview.view check:selected:focus,
treeview.view radio:selected:focus, treeview.view check:selected:focus:active,
treeview.view radio:selected:focus:active, treeview.view check:selected:focus:checked,
treeview.view radio:selected:focus:checked, treeview.view check:selected:focus:indeterminate,
treeview.view radio:selected:focus:indeterminate, row.activatable check:selected,
row.activatable radio:selected, row.activatable check:selected:active,
row.activatable radio:selected:active, row.activatable check:selected:checked,
row.activatable radio:selected:checked, row.activatable check:selected:indeterminate,
row.activatable radio:selected:indeterminate, row.activatable check:selected:focus,
row.activatable radio:selected:focus, row.activatable check:selected:focus:active,
row.activatable radio:selected:focus:active, row.activatable check:selected:focus:checked,
row.activatable radio:selected:focus:checked, row.activatable check:selected:focus:indeterminate,
row.activatable radio:selected:focus:indeterminate, row checkbutton check:selected, row checkbutton check:selected:active, row checkbutton check:selected:checked, row checkbutton check:selected:indeterminate, row checkbutton check:selected:focus, row checkbutton check:selected:focus:active, row checkbutton check:selected:focus:checked, row checkbutton check:selected:focus:indeterminate, treeview.view checkbutton check:selected, treeview.view checkbutton check:selected:active, treeview.view checkbutton check:selected:checked, treeview.view checkbutton check:selected:indeterminate, treeview.view checkbutton check:selected:focus, treeview.view checkbutton check:selected:focus:active, treeview.view checkbutton check:selected:focus:checked, treeview.view checkbutton check:selected:focus:indeterminate, row.activatable checkbutton check:selected, row.activatable checkbutton check:selected:active, row.activatable checkbutton check:selected:checked, row.activatable checkbutton check:selected:indeterminate, row.activatable checkbutton check:selected:focus, row.activatable checkbutton check:selected:focus:active, row.activatable checkbutton check:selected:focus:checked, row.activatable checkbutton check:selected:focus:indeterminate, row radiobutton radio:selected, row radiobutton radio:selected:active, row radiobutton radio:selected:checked, row radiobutton radio:selected:indeterminate, row radiobutton radio:selected:focus, row radiobutton radio:selected:focus:active, row radiobutton radio:selected:focus:checked, row radiobutton radio:selected:focus:indeterminate, treeview.view radiobutton radio:selected, treeview.view radiobutton radio:selected:active, treeview.view radiobutton radio:selected:checked, treeview.view radiobutton radio:selected:indeterminate, treeview.view radiobutton radio:selected:focus, treeview.view radiobutton radio:selected:focus:active, treeview.view radiobutton radio:selected:focus:checked, treeview.view radiobutton radio:selected:focus:indeterminate, row.activatable radiobutton radio:selected, row.activatable radiobutton radio:selected:active, row.activatable radiobutton radio:selected:checked, row.activatable radiobutton radio:selected:indeterminate, row.activatable radiobutton radio:selected:focus, row.activatable radiobutton radio:selected:focus:active, row.activatable radiobutton radio:selected:focus:checked, row.activatable radiobutton radio:selected:focus:indeterminate {
  color: rgba(255, 255, 255, 0.7);
}

row check:selected:disabled,
row radio:selected:disabled, row check:selected:active:disabled,
row radio:selected:active:disabled, row check:selected:checked:disabled,
row radio:selected:checked:disabled, row check:selected:indeterminate:disabled,
row radio:selected:indeterminate:disabled, row check:selected:focus:disabled,
row radio:selected:focus:disabled, row check:selected:focus:active:disabled,
row radio:selected:focus:active:disabled, row check:selected:focus:checked:disabled,
row radio:selected:focus:checked:disabled, row check:selected:focus:indeterminate:disabled,
row radio:selected:focus:indeterminate:disabled, treeview.view check:selected:disabled,
treeview.view radio:selected:disabled, treeview.view check:selected:active:disabled,
treeview.view radio:selected:active:disabled, treeview.view check:selected:checked:disabled,
treeview.view radio:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
treeview.view radio:selected:indeterminate:disabled, treeview.view check:selected:focus:disabled,
treeview.view radio:selected:focus:disabled, treeview.view check:selected:focus:active:disabled,
treeview.view radio:selected:focus:active:disabled, treeview.view check:selected:focus:checked:disabled,
treeview.view radio:selected:focus:checked:disabled, treeview.view check:selected:focus:indeterminate:disabled,
treeview.view radio:selected:focus:indeterminate:disabled, row.activatable check:selected:disabled,
row.activatable radio:selected:disabled, row.activatable check:selected:active:disabled,
row.activatable radio:selected:active:disabled, row.activatable check:selected:checked:disabled,
row.activatable radio:selected:checked:disabled, row.activatable check:selected:indeterminate:disabled,
row.activatable radio:selected:indeterminate:disabled, row.activatable check:selected:focus:disabled,
row.activatable radio:selected:focus:disabled, row.activatable check:selected:focus:active:disabled,
row.activatable radio:selected:focus:active:disabled, row.activatable check:selected:focus:checked:disabled,
row.activatable radio:selected:focus:checked:disabled, row.activatable check:selected:focus:indeterminate:disabled,
row.activatable radio:selected:focus:indeterminate:disabled, row checkbutton check:selected:disabled, row checkbutton check:selected:active:disabled, row checkbutton check:selected:checked:disabled, row checkbutton check:selected:indeterminate:disabled, row checkbutton check:selected:focus:disabled, row checkbutton check:selected:focus:active:disabled, row checkbutton check:selected:focus:checked:disabled, row checkbutton check:selected:focus:indeterminate:disabled, treeview.view checkbutton check:selected:disabled, treeview.view checkbutton check:selected:active:disabled, treeview.view checkbutton check:selected:checked:disabled, treeview.view checkbutton check:selected:indeterminate:disabled, treeview.view checkbutton check:selected:focus:disabled, treeview.view checkbutton check:selected:focus:active:disabled, treeview.view checkbutton check:selected:focus:checked:disabled, treeview.view checkbutton check:selected:focus:indeterminate:disabled, row.activatable checkbutton check:selected:disabled, row.activatable checkbutton check:selected:active:disabled, row.activatable checkbutton check:selected:checked:disabled, row.activatable checkbutton check:selected:indeterminate:disabled, row.activatable checkbutton check:selected:focus:disabled, row.activatable checkbutton check:selected:focus:active:disabled, row.activatable checkbutton check:selected:focus:checked:disabled, row.activatable checkbutton check:selected:focus:indeterminate:disabled, row radiobutton radio:selected:disabled, row radiobutton radio:selected:active:disabled, row radiobutton radio:selected:checked:disabled, row radiobutton radio:selected:indeterminate:disabled, row radiobutton radio:selected:focus:disabled, row radiobutton radio:selected:focus:active:disabled, row radiobutton radio:selected:focus:checked:disabled, row radiobutton radio:selected:focus:indeterminate:disabled, treeview.view radiobutton radio:selected:disabled, treeview.view radiobutton radio:selected:active:disabled, treeview.view radiobutton radio:selected:checked:disabled, treeview.view radiobutton radio:selected:indeterminate:disabled, treeview.view radiobutton radio:selected:focus:disabled, treeview.view radiobutton radio:selected:focus:active:disabled, treeview.view radiobutton radio:selected:focus:checked:disabled, treeview.view radiobutton radio:selected:focus:indeterminate:disabled, row.activatable radiobutton radio:selected:disabled, row.activatable radiobutton radio:selected:active:disabled, row.activatable radiobutton radio:selected:checked:disabled, row.activatable radiobutton radio:selected:indeterminate:disabled, row.activatable radiobutton radio:selected:focus:disabled, row.activatable radiobutton radio:selected:focus:active:disabled, row.activatable radiobutton radio:selected:focus:checked:disabled, row.activatable radiobutton radio:selected:focus:indeterminate:disabled {
  color: rgba(255, 255, 255, 0.3);
}

row check:selected:hover,
row radio:selected:hover, treeview.view check:selected:hover,
treeview.view radio:selected:hover, row checkbutton check:selected:hover, row checkbutton check:selected:focus:hover, treeview.view checkbutton check:selected:hover, treeview.view checkbutton check:selected:focus:hover, row.activatable checkbutton check:selected:hover, row.activatable checkbutton check:selected:focus:hover, row radiobutton radio:selected:hover, row radiobutton radio:selected:focus:hover, treeview.view radiobutton radio:selected:hover, treeview.view radiobutton radio:selected:focus:hover, row.activatable radiobutton radio:selected:hover, row.activatable radiobutton radio:selected:focus:hover {
  color: #FFFFFF;
}

row check:selected:hover:disabled,
row radio:selected:hover:disabled, treeview.view check:selected:hover:disabled,
treeview.view radio:selected:hover:disabled, row checkbutton check:selected:hover:disabled, row checkbutton check:selected:focus:hover:disabled, treeview.view checkbutton check:selected:hover:disabled, treeview.view checkbutton check:selected:focus:hover:disabled, row.activatable checkbutton check:selected:hover:disabled, row.activatable checkbutton check:selected:focus:hover:disabled, row radiobutton radio:selected:hover:disabled, row radiobutton radio:selected:focus:hover:disabled, treeview.view radiobutton radio:selected:hover:disabled, treeview.view radiobutton radio:selected:focus:hover:disabled, row.activatable radiobutton radio:selected:hover:disabled, row.activatable radiobutton radio:selected:focus:hover:disabled {
  color: rgba(255, 255, 255, 0.5);
}

check,
radio {
  min-height: 24px;
  min-width: 24px;
  margin: -7px;
  padding: 7px;
}

check:checked, check:indeterminate,
radio:checked,
radio:indeterminate {
  color: #7C4DFF;
}

check:checked:disabled, check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
  color: rgba(124, 77, 255, 0.5);
}

popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:focus, popover radio:focus:hover, popover radio:active, popover radio:disabled {
  transition: none;
  box-shadow: none;
  background-image: none;
}

popover check.left:dir(rtl), popover radio.left:dir(rtl) {
  margin-left: -12px;
  margin-right: -4px;
}

popover check.right:dir(ltr), popover radio.right:dir(ltr) {
  margin-left: -4px;
  margin-right: -12px;
}

menu menuitem check, menu menuitem radio {
  transition: none;
  margin: 0;
  padding: 0;
}

menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
  margin-right: 8px;
}

menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
  margin-left: 8px;
}

menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
  color: rgba(255, 255, 255, 0.7);
}

menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled {
  box-shadow: none;
}


check {
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
}


check:checked {
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
}


check:indeterminate {
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
}


radio {
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
  border-image-slice: 19;
  border-image-width: 19px;
}


radio:indeterminate {
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
}


radio {
  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent));
}


radio:checked:not(:indeterminate) {
  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1315789474, to(#7C4DFF), to(transparent));
}


radio:checked:not(:indeterminate):disabled {
  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1315789474, to(rgba(124, 77, 255, 0.5)), to(transparent));
}

window.background:not(.csd) > widget > checkbutton > check,
menu menuitem check {
  min-height: 16px;
  min-width: 16px;
  border-radius: 7px;
  -gtk-outline-radius: 7px;
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
}

window.background:not(.csd) > widget > checkbutton > check:checked,
menu menuitem check:checked {
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
}

window.background:not(.csd) > widget > checkbutton > check:indeterminate,
menu menuitem check:indeterminate {
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
}

window.background:not(.csd) > widget > radiobutton > radio,
menu menuitem radio {
  min-height: 16px;
  min-width: 16px;
  border-image: none;
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
}

window.background:not(.csd) > widget > radiobutton > radio:checked,
menu menuitem radio:checked {
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
}

window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
menu menuitem radio:indeterminate {
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
}

check:not(:checked):active {
  -gtk-icon-transform: rotate(90deg);
}

check:not(:checked):indeterminate:active,
radio:not(:checked):indeterminate:active {
  -gtk-icon-transform: scaleX(-1);
}

check:not(:checked),
radio:not(:checked) {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
}

check:not(:checked):active,
radio:not(:checked):active {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
}

menu menuitem check:not(:checked), menu menuitem radio:not(:checked) {
  transition: none;
}

treeview.view check,
treeview.view radio {
  padding: 0;
}

treeview.view check:hover,
treeview.view radio:hover {
  box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.75), 0.05);
}

treeview.view check:hover:disabled,
treeview.view radio:hover:disabled {
  box-shadow: none;
}

treeview.view check:hover:selected,
treeview.view radio:hover:selected {
  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
}

treeview.view check,
treeview.view radio {
  color: rgba(0, 0, 0, 0.55);
}

treeview.view check:hover, treeview.view check:active,
treeview.view radio:hover,
treeview.view radio:active {
  color: rgba(0, 0, 0, 0.75);
}

treeview.view check:disabled,
treeview.view radio:disabled {
  color: rgba(0, 0, 0, 0.26);
}

treeview.view check:checked, treeview.view check:indeterminate,
treeview.view radio:checked,
treeview.view radio:indeterminate {
  color: #7C4DFF;
}

treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
treeview.view radio:checked:disabled,
treeview.view radio:indeterminate:disabled {
  color: rgba(124, 77, 255, 0.5);
}

treeview.view radio:checked {
  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
  border-image: none;
}

/************
 * GtkScale *
 ************/
scale {
  min-height: 0px;
  min-width: 0px;
  padding: 16px;
}

scale slider {
  min-height: 32px;
  min-width: 32px;
  margin: -15px;
}

scale trough {
  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
  outline: none;
  background-color: rgba(0, 0, 0, 0.2);
}

scale trough:disabled {
  background-color: rgba(0, 0, 0, 0.08);
}

scale highlight {
  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
  background-color: #7C4DFF;
}

scale highlight:disabled {
  background-color: transparent;
}

scale fill {
  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
  background-color: rgba(0, 0, 0, 0.2);
}

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

scale slider {
  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto, 1000% 1000%;
  border-radius: 50%;
  color: transparent;
}

scale slider {
  background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
}

scale slider:disabled {
  background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
}

scale slider:hover {
  background-color: rgba(124, 77, 255, 0.08);
}

scale slider:focus {
  background-color: rgba(124, 77, 255, 0.12);
}

scale slider:focus:hover {
  background-color: rgba(124, 77, 255, 0.16);
}

scale slider:active {
  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
  animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
  background-size: auto, 0% 0%;
  background-color: rgba(124, 77, 255, 0.08);
  color: rgba(124, 77, 255, 0.12);
}

scale.fine-tune slider {
  background-size: calc(100% - 12px);
}

scale marks label,
scale value {
  color: rgba(0, 0, 0, 0.38);
}

scale marks {
  color: rgba(0, 0, 0, 0.2);
}

scale marks.top {
  margin-bottom: 7px;
  margin-top: -15px;
}

scale marks.bottom {
  margin-top: 7px;
  margin-bottom: -15px;
}

scale marks.left {
  margin-right: 7px;
  margin-left: -15px;
}

scale marks.right {
  margin-left: 7px;
  margin-right: -15px;
}

scale.fine-tune marks.top {
  margin-bottom: 6px;
  margin-top: -14px;
}

scale.fine-tune marks.bottom {
  margin-top: 6px;
  margin-bottom: -14px;
}

scale.fine-tune marks.left {
  margin-right: 6px;
  margin-left: -14px;
}

scale.fine-tune marks.right {
  margin-left: 6px;
  margin-right: -14px;
}

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

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

scale.horizontal.marks-before:not(.marks-after) slider {
  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
}

scale.horizontal.marks-before:not(.marks-after) slider:disabled {
  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
}

scale.horizontal.marks-after:not(.marks-before) slider {
  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
}

scale.horizontal.marks-after:not(.marks-before) slider:disabled {
  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
}

scale.vertical.marks-before:not(.marks-after) slider {
  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
}

scale.vertical.marks-before:not(.marks-after) slider:disabled {
  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
}

scale.vertical.marks-after:not(.marks-before) slider {
  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
}

scale.vertical.marks-after:not(.marks-before) slider:disabled {
  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
}

scale.color {
  min-height: 0;
  min-width: 0;
}

scale.color.horizontal {
  padding: 0 0 12px 0;
}

scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
  margin-bottom: -16px;
  margin-top: -6px;
}

scale.color.vertical:dir(ltr) {
  padding: 0 0 0 12px;
}

scale.color.vertical:dir(ltr) slider {
  margin-left: -16px;
  margin-right: -6px;
}

scale.color.vertical:dir(rtl) {
  padding: 0 12px 0 0;
}

scale.color.vertical:dir(rtl) slider {
  margin-right: -16px;
  margin-left: -6px;
}

/*****************
 * Progress bars *
 *****************/
progressbar {
  color: rgba(0, 0, 0, 0.38);
  font-size: smaller;
}

progressbar.horizontal trough,
progressbar.horizontal progress {
  min-height: 4px;
}

progressbar.vertical trough,
progressbar.vertical progress {
  min-width: 4px;
}

progressbar trough {
  border-radius: 9999px;
  background-color: rgba(93, 125, 251, 0.3);
}

progressbar progress {
  border-radius: 9999px;
  background-color: #5D7DFB;
  background-image: linear-gradient(to left, #BA68C8, #7E57C2);
  background-size: auto auto;
  background-position: center center;
  background-repeat: no-repeat;
}

progressbar trough.empty progress {
  all: unset;
}

/*************
 * Level Bar *
 *************/
levelbar.horizontal block {
  min-height: 4px;
}

levelbar.horizontal.discrete block {
  min-width: 32px;
}

levelbar.horizontal.discrete block:not(:last-child) {
  margin-right: 2px;
}

levelbar.vertical block {
  min-width: 4px;
}

levelbar.vertical.discrete block {
  min-height: 32px;
}

levelbar.vertical.discrete block:not(:last-child) {
  margin-bottom: 2px;
}

levelbar trough {
  padding: 2px;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}

levelbar trough:disabled {
  background-color: #eaeaf4;
}

levelbar block.low {
  background-color: #FF6D00;
}

levelbar block.high, levelbar block:not(.empty) {
  background-color: #5657f5;
}

levelbar block.full {
  background-color: #00C853;
}

levelbar block.empty {
  background-color: rgba(0, 0, 0, 0.08);
}

/****************
 * Print dialog *
*****************/
printdialog paper {
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.75);
}

printdialog .dialog-action-box {
  margin: 12px;
}

/**********
 * Frames *
 **********/
frame > border,
.frame {
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  box-shadow: none;
}

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

frame.flat > border {
  border-style: none;
}

actionbar > revealer > box {
  padding: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

actionbar > revealer > box .linked > button {
  border-radius: 7px;
}

scrolledwindow viewport.frame {
  border-style: none;
}

overshoot.top {
  background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
  background-repeat: no-repeat;
  background-position: center top;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

overshoot.bottom {
  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

overshoot.left {
  background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
  background-repeat: no-repeat;
  background-position: left center;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

overshoot.right {
  background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
  background-repeat: no-repeat;
  background-position: right center;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

undershoot.top {
  background-color: transparent;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
  padding-top: 1px;
  background-size: 12px 1px;
  background-repeat: repeat-x;
  background-origin: content-box;
  background-position: left top;
}

undershoot.bottom {
  background-color: transparent;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
  padding-bottom: 1px;
  background-size: 12px 1px;
  background-repeat: repeat-x;
  background-origin: content-box;
  background-position: left bottom;
}

undershoot.left {
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
  padding-left: 1px;
  background-size: 1px 12px;
  background-repeat: repeat-y;
  background-origin: content-box;
  background-position: left top;
}

undershoot.right {
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
  padding-right: 1px;
  background-size: 1px 12px;
  background-repeat: repeat-y;
  background-origin: content-box;
  background-position: right top;
}

junction {
  border-style: solid none none solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #FFFFFF;
}

junction:dir(rtl) {
  border-style: solid solid none none;
}

separator {
  min-width: 1px;
  min-height: 1px;
  background-color: rgba(0, 0, 0, 0.08);
}

preferences stacksidebar.sidebar list separator, .tweak-categories separator,
button.font separator,
button.file separator {
  min-width: 0;
  min-height: 0;
  background-color: transparent;
}

/*********
 * Lists *
 *********/
list {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #FFFFFF;
}

list row {
  padding: 2px;
}

.budgie-menu button, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, .view, iconview, treeview.view header button, row.activatable {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
  box-shadow: inset 0 0 0 9999px transparent;
  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1000% 1000%;
}

.budgie-menu button:hover, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:hover, filechooser stack.view scrolledwindow treeview.view:hover, .view:hover, iconview:hover, treeview.view header button:hover, row.activatable:hover {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
}

.budgie-menu button.has-open-popup, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.has-open-popup.view, filechooser stack.view scrolledwindow treeview.has-open-popup.view, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button:active, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:active, filechooser stack.view scrolledwindow treeview.view:active, .view:active, iconview:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
  animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
  background-size: 0% 0%;
}

row button.circular {
  margin: 0 4px;
}

/*********************
 * App Notifications *
 *********************/
.app-notification {
  margin: 8px;
}

.app-notification.frame,
.app-notification border {
  border-style: none;
}

/*************
 * Expanders *
 *************/
expander title > arrow {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
  min-width: 16px;
  min-height: 16px;
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  -gtk-icon-transform: rotate(-90deg);
  color: rgba(0, 0, 0, 0.55);
}

expander title > arrow:dir(rtl) {
  -gtk-icon-transform: rotate(90deg);
}

expander title > arrow:checked {
  -gtk-icon-transform: unset;
}

expander title > arrow:hover, expander title > arrow:active {
  color: rgba(0, 0, 0, 0.75);
}

expander title > arrow:disabled {
  color: rgba(0, 0, 0, 0.26);
}

expander title > arrow:selected {
  color: rgba(255, 255, 255, 0.7);
}

expander title > arrow:selected:hover, expander title > arrow:selected:active {
  color: #FFFFFF;
}

expander title > arrow:selected:disabled {
  color: rgba(255, 255, 255, 0.3);
}

/************
 * Calendar *
 ************/
calendar {
  padding: 2px 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.75);
}

calendar:disabled {
  color: rgba(0, 0, 0, 0.38);
}

calendar:selected {
  border-radius: 5px;
}

calendar.header {
  border-style: none none solid;
  border-radius: 0;
}

calendar.highlight {
  color: rgba(0, 0, 0, 0.55);
  font-weight: 500;
}

calendar:indeterminate {
  color: rgba(0, 0, 0, 0.26);
}

/***********
 * Dialogs *
 ***********/
messagedialog {
  color: rgba(255, 255, 255, 0.8);
}

messagedialog.background {
  background-color: rgba(63, 63, 63, 0.95);
}

messagedialog .titlebar {
  min-height: 20px;
  border-style: none;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  background-color: rgba(63, 63, 63, 0.95);
  color: rgba(255, 255, 255, 0.8);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

messagedialog .titlebar:backdrop {
  color: rgba(255, 255, 255, 0.3);
}

messagedialog list, messagedialog row, messagedialog .view, messagedialog textview.view > text {
  color: rgba(255, 255, 255, 0.8);
  background-color: #373737;
  border-color: rgba(255, 255, 255, 0.12);
}

messagedialog .dialog-action-area button {
  padding: 4px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  color: rgba(255, 255, 255, 0.8);
}

messagedialog .dialog-action-area button:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

messagedialog .dialog-action-area button:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.suggested-action:hover {
  color: #7C4DFF;
}

messagedialog .dialog-action-area button.suggested-action:active, messagedialog .dialog-action-area button.suggested-action:checked {
  background-color: #7C4DFF;
  color: white;
  border-color: #7C4DFF;
  box-shadow: none;
}

messagedialog .dialog-action-area button.suggested-action:disabled {
  opacity: 0.65;
}

messagedialog .dialog-action-area button.destructive-action, messagedialog .dialog-action-area button.destructive-action:hover {
  color: #FF5252;
}

messagedialog .dialog-action-area button.destructive-action:active, messagedialog .dialog-action-area button.destructive-action:checked {
  background-color: #FF5252;
  color: white;
  border-color: #FF5252;
  box-shadow: none;
}

messagedialog .dialog-action-area button.destructive-action:disabled {
  opacity: 0.65;
}

messagedialog.csd {
  color: rgba(255, 255, 255, 0.8);
}

messagedialog.csd.background {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

messagedialog.csd .dialog-action-area button {
  padding: 8px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  color: rgba(255, 255, 255, 0.8);
}

messagedialog.csd .dialog-action-area button:first-child {
  border-bottom-left-radius: 7px;
  border-top-left-radius: 0;
}

messagedialog.csd .dialog-action-area button:last-child {
  border-bottom-right-radius: 7px;
  border-top-right-radius: 0;
}

messagedialog entry {
  color: rgba(255, 255, 255, 0.8);
}

messagedialog expander title > arrow {
  color: rgba(255, 255, 255, 0.7);
}

messagedialog expander title > arrow:hover, messagedialog expander title > arrow:active {
  color: #FFFFFF;
}

messagedialog expander title > arrow:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.background.csd filechooser, .background.csd filechooser placessidebar {
  background: none;
  border-radius: 0 0 13px 13px;
}

.background.csd filechooser list, .background.csd filechooser placessidebar list {
  background-color: transparent;
}

.maximized filechooser placessidebar {
  border-radius: 0;
}

filechooser stack.view {
  background-color: transparent;
}

filechooser stack.view scrolledwindow {
  background-color: #FFFFFF;
  border-radius: 0 0 13px 13px;
}

filechooser stack.view scrolledwindow treeview.view {
  background-color: transparent;
}

filechooser .dialog-action-box {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

filechooser #pathbarbox {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f4f4f9;
}

filechooserbutton:drop(active) {
  box-shadow: none;
}

/***********
 * Sidebar *
 ***********/
stacksidebar .frame list:dir(ltr) {
  box-shadow: inset -2px 0 3px -3px rgba(0, 0, 0, 0.05), inset -3px 0 5px -3px rgba(0, 0, 0, 0.05), inset -3px 0 10px -3px rgba(0, 0, 0, 0.03);
}

stacksidebar .frame list:dir(rtl) {
  box-shadow: inset 2px 0 3px -3px rgba(0, 0, 0, 0.05), inset 3px 0 5px -3px rgba(0, 0, 0, 0.05), inset 3px 0 10px -3px rgba(0, 0, 0, 0.03);
}

.sidebar {
  border-style: none;
  background-color: #f4f4f9;
}

stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
  border-right: 1px solid #dadaeb;
  border-left-style: none;
}

stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
  border-left: 1px solid #dadaeb;
  border-right-style: none;
}

.sidebar list {
  background-color: transparent;
}

paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
  border-style: none;
}

stacksidebar row {
  padding: 10px 4px;
}

stacksidebar row > label {
  padding-left: 6px;
  padding-right: 6px;
}

/****************
 * File chooser *
 ****************/
.nautilus-window placessidebar row:selected button.sidebar-button {
  color: rgba(86, 87, 245, 0.75);
}

.nautilus-window placessidebar row:selected button.sidebar-button:hover, .nautilus-window placessidebar row:selected button.sidebar-button:active {
  color: #5657f5;
}

.nautilus-window placessidebar row:selected button.sidebar-button:disabled {
  color: rgba(86, 87, 245, 0.35);
}

.nautilus-window placessidebar row:selected button.sidebar-button:checked {
  background-color: rgba(86, 87, 245, 0.1);
  color: #5657f5;
}

.nautilus-window placessidebar row:selected button.sidebar-button:checked:disabled {
  background-color: rgba(86, 87, 245, 0.05);
  color: rgba(86, 87, 245, 0.55);
}

row image.sidebar-icon {
  color: rgba(0, 0, 0, 0.55);
}

row:selected image.sidebar-icon {
  color: rgba(255, 255, 255, 0.7);
}

placessidebar > viewport.frame {
  border-style: none;
}

placessidebar list {
  padding: 1px 0 4px;
}

placessidebar row {
  min-height: 32px;
  margin: -1px 4px -1px 0;
  padding: 0;
  border-radius: 0 7px 7px 0;
}

placessidebar row > revealer {
  padding: 0 12px;
}

placessidebar row:selected {
  background-color: rgba(0, 0, 0, 0.06);
  color: #5657f5;
}

placessidebar row:selected image.sidebar-icon, placessidebar row:selected label.sidebar-label {
  color: #5657f5;
}

placessidebar row:disabled {
  color: rgba(0, 0, 0, 0.38);
}

placessidebar row image.sidebar-icon:dir(ltr) {
  padding-right: 8px;
}

placessidebar row image.sidebar-icon:dir(rtl) {
  padding-left: 8px;
}

placessidebar row label.sidebar-label:dir(ltr) {
  padding-right: 2px;
}

placessidebar row label.sidebar-label:dir(rtl) {
  padding-left: 2px;
}

placessidebar row.sidebar-placeholder-row {
  min-height: 2px;
  padding: 0 8px;
  background-image: image(#7C4DFF);
  background-clip: content-box;
}

placessidebar row.sidebar-new-bookmark-row, placessidebar row.sidebar-new-bookmark-row image.sidebar-icon {
  color: #7C4DFF;
}

placessidebar row:drop(active):not(:disabled) {
  box-shadow: inset 0 0 0 2px #7C4DFF;
}

placesview .server-list-button > image {
  -gtk-icon-transform: rotate(0turn);
}

placesview .server-list-button:checked > image {
  -gtk-icon-transform: rotate(-0.5turn);
}

placesview > actionbar > revealer > box > label {
  padding-left: 8px;
  padding-right: 8px;
}

/*********
 * Paned *
 *********/
paned > separator {
  min-width: 1px;
  min-height: 1px;
  -gtk-icon-source: none;
  border-style: none;
  background-color: transparent;
  background-image: image(rgba(0, 0, 0, 0.08));
  background-size: 1px 1px;
  background-clip: content-box;
}

paned > separator.wide {
  min-width: 6px;
  min-height: 6px;
  background-color: #f4f4f9;
  background-image: image(rgba(0, 0, 0, 0.08)), image(rgba(0, 0, 0, 0.08));
  background-size: 1px 1px, 1px 1px;
}

paned.horizontal > separator {
  background-repeat: repeat-y;
}

paned.horizontal > separator:dir(ltr) {
  margin: 0 -8px 0 0;
  padding: 0 8px 0 0;
  background-position: left;
}

paned.horizontal > separator:dir(rtl) {
  margin: 0 0 0 -8px;
  padding: 0 0 0 8px;
  background-position: right;
}

paned.horizontal > separator.wide {
  margin: 0;
  padding: 0;
  background-repeat: repeat-y, repeat-y;
  background-position: left, right;
}

paned.vertical > separator {
  margin: 0 0 -8px 0;
  padding: 0 0 8px 0;
  background-repeat: repeat-x;
  background-position: top;
}

paned.vertical > separator.wide {
  margin: 0;
  padding: 0;
  background-repeat: repeat-x, repeat-x;
  background-position: bottom, top;
}

/**************
 * GtkInfoBar *
 **************/
infobar {
  border-style: none;
}

infobar.info {
  background-color: #66BB6A;
}

infobar.question {
  background-color: #42A5F5;
}

infobar.warning {
  background-color: #FFA726;
}

infobar.error {
  background-color: #EF5350;
}

infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
  color: #FFFFFF;
}

/************
 * Tooltips *
 ************/
tooltip {
  border-radius: 7px;
  box-shadow: none;
}

tooltip.background.csd {
  border-radius: 7px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  background-color: rgba(63, 63, 63, 0.9);
  color: rgba(255, 255, 255, 0.8);
}

tooltip decoration {
  background-color: transparent;
}

tooltip label {
  min-height: 20px;
  padding: 0 2px;
}

tooltip * {
  padding: 0;
  background-color: transparent;
  color: inherit;
}

/*****************
 * Color Chooser *
 *****************/
colorswatch.top {
  border-top-left-radius: 5.5px;
  border-top-right-radius: 5.5px;
}

colorswatch.top overlay {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

colorswatch.bottom {
  border-bottom-left-radius: 5.5px;
  border-bottom-right-radius: 5.5px;
}

colorswatch.bottom overlay {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

colorswatch.left, colorswatch:first-child:not(.top) {
  border-top-left-radius: 5.5px;
  border-bottom-left-radius: 5.5px;
}

colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

colorswatch.right, colorswatch:last-child:not(.bottom) {
  border-top-right-radius: 5.5px;
  border-bottom-right-radius: 5.5px;
}

colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

colorswatch.dark {
  color: #FFFFFF;
}

colorswatch.light {
  color: rgba(0, 0, 0, 0.87);
}

colorswatch:drop(active) {
  box-shadow: none;
}

colorswatch:drop(active).light overlay {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
}

colorswatch:drop(active).dark overlay {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
}

colorswatch overlay {
  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
}

colorswatch overlay:hover {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

colorswatch#add-color-button {
  border-radius: 5px 5px 0 0;
  color: #FFFFFF;
}

colorswatch#add-color-button:only-child {
  border-radius: 5px;
}

colorswatch#add-color-button overlay {
  background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
}

colorswatch:disabled {
  opacity: 0.5;
}

colorswatch:disabled overlay {
  box-shadow: none;
}

colorswatch#editor-color-sample {
  border-radius: 5.5px;
}

colorswatch#editor-color-sample overlay {
  border-radius: 5px;
}

colorchooser .popover.osd {
  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
  border-radius: 7px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.4);
  background-color: #FFFFFF;
}

colorchooser .popover.osd:backdrop {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
}

/********
 * Misc *
 ********/
.content-view {
  background-color: #f4f4f9;
}

/**********************
 * Window Decorations *
 **********************/
decoration {
  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
  border-radius: 13px;
  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
  margin: 8px;
}

decoration:backdrop {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), 0 16px 16px transparent;
}

.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
  border-radius: 0;
}

.popup decoration {
  box-shadow: none;
}

.ssd decoration {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
}

.csd.popup decoration {
  border-radius: 8px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

tooltip.csd decoration {
  border-radius: 7px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

messagedialog.csd decoration {
  border-radius: 7px;
}

.solid-csd decoration {
  margin: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
  background-color: #31313a;
}

/*****************
 * Title buttons *
 *****************/
headerbar,
.titlebar {
  padding: 0 14px;
}

.solid-csd headerbar:not(.default-decoration) button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
.titlebar button.titlebutton.close,
.titlebar button.titlebutton.maximize,
.titlebar button.titlebutton.minimize {
  min-width: 12px;
  min-height: 12px;
  padding: 0;
  margin: 0 2px;
  color: transparent;
  background-color: rgba(255, 255, 255, 0.3);
}

.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover, headerbar button.titlebutton.close:hover, headerbar button.titlebutton.close:backdrop:hover, headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:backdrop:hover, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:backdrop:hover, .csd headerbar button.titlebutton.close:hover, .csd headerbar button.titlebutton.close:backdrop:hover, .csd headerbar button.titlebutton.maximize:hover, .csd headerbar button.titlebutton.maximize:backdrop:hover, .csd headerbar button.titlebutton.minimize:hover, .csd headerbar button.titlebutton.minimize:backdrop:hover, headerbar.default-decoration button.titlebutton.close:hover, headerbar.default-decoration button.titlebutton.close:backdrop:hover, headerbar.default-decoration button.titlebutton.maximize:hover, headerbar.default-decoration button.titlebutton.maximize:backdrop:hover, headerbar.default-decoration button.titlebutton.minimize:hover, headerbar.default-decoration button.titlebutton.minimize:backdrop:hover, .csd headerbar.default-decoration button.titlebutton.close:hover, .csd headerbar.default-decoration button.titlebutton.close:backdrop:hover, .csd headerbar.default-decoration button.titlebutton.maximize:hover, .csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover, .csd headerbar.default-decoration button.titlebutton.minimize:hover, .csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
.titlebar button.titlebutton.close:hover,
.titlebar button.titlebutton.close:backdrop:hover,
.titlebar button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:backdrop:hover,
.titlebar button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:backdrop:hover, .csd .titlebar button.titlebutton.close:hover, .csd .titlebar button.titlebutton.close:backdrop:hover, .csd .titlebar button.titlebutton.maximize:hover, .csd .titlebar button.titlebutton.maximize:backdrop:hover, .csd .titlebar button.titlebutton.minimize:hover, .csd .titlebar button.titlebutton.minimize:backdrop:hover,
.titlebar.default-decoration button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:backdrop:hover,
.titlebar.default-decoration button.titlebutton.maximize:hover,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
.titlebar.default-decoration button.titlebutton.minimize:hover,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover, .csd .titlebar.default-decoration button.titlebutton.close:hover, .csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover, .csd .titlebar.default-decoration button.titlebutton.maximize:hover, .csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover, .csd .titlebar.default-decoration button.titlebutton.minimize:hover, .csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {
  color: rgba(255, 255, 255, 0.7);
}

.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, headerbar button.titlebutton.close:backdrop:active, headerbar button.titlebutton.close:backdrop:checked, headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:checked, headerbar button.titlebutton.maximize:backdrop:active, headerbar button.titlebutton.maximize:backdrop:checked, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:checked, headerbar button.titlebutton.minimize:backdrop:active, headerbar button.titlebutton.minimize:backdrop:checked, .csd headerbar button.titlebutton.close:active, .csd headerbar button.titlebutton.close:checked, .csd headerbar button.titlebutton.close:backdrop:active, .csd headerbar button.titlebutton.close:backdrop:checked, .csd headerbar button.titlebutton.maximize:active, .csd headerbar button.titlebutton.maximize:checked, .csd headerbar button.titlebutton.maximize:backdrop:active, .csd headerbar button.titlebutton.maximize:backdrop:checked, .csd headerbar button.titlebutton.minimize:active, .csd headerbar button.titlebutton.minimize:checked, .csd headerbar button.titlebutton.minimize:backdrop:active, .csd headerbar button.titlebutton.minimize:backdrop:checked, headerbar.default-decoration button.titlebutton.close:active, headerbar.default-decoration button.titlebutton.close:checked, headerbar.default-decoration button.titlebutton.close:backdrop:active, headerbar.default-decoration button.titlebutton.close:backdrop:checked, headerbar.default-decoration button.titlebutton.maximize:active, headerbar.default-decoration button.titlebutton.maximize:checked, headerbar.default-decoration button.titlebutton.maximize:backdrop:active, headerbar.default-decoration button.titlebutton.maximize:backdrop:checked, headerbar.default-decoration button.titlebutton.minimize:active, headerbar.default-decoration button.titlebutton.minimize:checked, headerbar.default-decoration button.titlebutton.minimize:backdrop:active, headerbar.default-decoration button.titlebutton.minimize:backdrop:checked, .csd headerbar.default-decoration button.titlebutton.close:active, .csd headerbar.default-decoration button.titlebutton.close:checked, .csd headerbar.default-decoration button.titlebutton.close:backdrop:active, .csd headerbar.default-decoration button.titlebutton.close:backdrop:checked, .csd headerbar.default-decoration button.titlebutton.maximize:active, .csd headerbar.default-decoration button.titlebutton.maximize:checked, .csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active, .csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked, .csd headerbar.default-decoration button.titlebutton.minimize:active, .csd headerbar.default-decoration button.titlebutton.minimize:checked, .csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active, .csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
.titlebar button.titlebutton.close:active,
.titlebar button.titlebutton.close:checked,
.titlebar button.titlebutton.close:backdrop:active,
.titlebar button.titlebutton.close:backdrop:checked,
.titlebar button.titlebutton.maximize:active,
.titlebar button.titlebutton.maximize:checked,
.titlebar button.titlebutton.maximize:backdrop:active,
.titlebar button.titlebutton.maximize:backdrop:checked,
.titlebar button.titlebutton.minimize:active,
.titlebar button.titlebutton.minimize:checked,
.titlebar button.titlebutton.minimize:backdrop:active,
.titlebar button.titlebutton.minimize:backdrop:checked, .csd .titlebar button.titlebutton.close:active, .csd .titlebar button.titlebutton.close:checked, .csd .titlebar button.titlebutton.close:backdrop:active, .csd .titlebar button.titlebutton.close:backdrop:checked, .csd .titlebar button.titlebutton.maximize:active, .csd .titlebar button.titlebutton.maximize:checked, .csd .titlebar button.titlebutton.maximize:backdrop:active, .csd .titlebar button.titlebutton.maximize:backdrop:checked, .csd .titlebar button.titlebutton.minimize:active, .csd .titlebar button.titlebutton.minimize:checked, .csd .titlebar button.titlebutton.minimize:backdrop:active, .csd .titlebar button.titlebutton.minimize:backdrop:checked,
.titlebar.default-decoration button.titlebutton.close:active,
.titlebar.default-decoration button.titlebutton.close:checked,
.titlebar.default-decoration button.titlebutton.close:backdrop:active,
.titlebar.default-decoration button.titlebutton.close:backdrop:checked,
.titlebar.default-decoration button.titlebutton.maximize:active,
.titlebar.default-decoration button.titlebutton.maximize:checked,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
.titlebar.default-decoration button.titlebutton.minimize:active,
.titlebar.default-decoration button.titlebutton.minimize:checked,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked, .csd .titlebar.default-decoration button.titlebutton.close:active, .csd .titlebar.default-decoration button.titlebutton.close:checked, .csd .titlebar.default-decoration button.titlebutton.close:backdrop:active, .csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked, .csd .titlebar.default-decoration button.titlebutton.maximize:active, .csd .titlebar.default-decoration button.titlebutton.maximize:checked, .csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active, .csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked, .csd .titlebar.default-decoration button.titlebutton.minimize:active, .csd .titlebar.default-decoration button.titlebutton.minimize:checked, .csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active, .csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {
  color: #FFFFFF;
}

.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop, headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, .csd headerbar button.titlebutton.close:backdrop, .csd headerbar button.titlebutton.maximize:backdrop, .csd headerbar button.titlebutton.minimize:backdrop, headerbar.default-decoration button.titlebutton.close:backdrop, headerbar.default-decoration button.titlebutton.maximize:backdrop, headerbar.default-decoration button.titlebutton.minimize:backdrop, .csd headerbar.default-decoration button.titlebutton.close:backdrop, .csd headerbar.default-decoration button.titlebutton.maximize:backdrop, .csd headerbar.default-decoration button.titlebutton.minimize:backdrop,
.titlebar button.titlebutton.close:backdrop,
.titlebar button.titlebutton.maximize:backdrop,
.titlebar button.titlebutton.minimize:backdrop, .csd .titlebar button.titlebutton.close:backdrop, .csd .titlebar button.titlebutton.maximize:backdrop, .csd .titlebar button.titlebutton.minimize:backdrop,
.titlebar.default-decoration button.titlebutton.close:backdrop,
.titlebar.default-decoration button.titlebutton.maximize:backdrop,
.titlebar.default-decoration button.titlebutton.minimize:backdrop, .csd .titlebar.default-decoration button.titlebutton.close:backdrop, .csd .titlebar.default-decoration button.titlebutton.maximize:backdrop, .csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {
  color: transparent;
  background-color: rgba(255, 255, 255, 0.12);
}

#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close, headerbar button.titlebutton.close,
.titlebar button.titlebutton.close {
  transition: background-size 0, background-image 0, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
}

#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, headerbar button.titlebutton.close:hover, .csd headerbar button.titlebutton.close:hover, headerbar.default-decoration button.titlebutton.close:hover, .csd headerbar.default-decoration button.titlebutton.close:hover,
.titlebar button.titlebutton.close:hover, .csd .titlebar button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:hover, .csd .titlebar.default-decoration button.titlebutton.close:hover {
  padding: 2px;
  margin: -2px 0;
  background-color: #EF5350;
  color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, .csd headerbar button.titlebutton.close:active, .csd headerbar button.titlebutton.close:checked, headerbar.default-decoration button.titlebutton.close:active, headerbar.default-decoration button.titlebutton.close:checked, .csd headerbar.default-decoration button.titlebutton.close:active, .csd headerbar.default-decoration button.titlebutton.close:checked,
.titlebar button.titlebutton.close:active,
.titlebar button.titlebutton.close:checked, .csd .titlebar button.titlebutton.close:active, .csd .titlebar button.titlebutton.close:checked,
.titlebar.default-decoration button.titlebutton.close:active,
.titlebar.default-decoration button.titlebutton.close:checked, .csd .titlebar.default-decoration button.titlebutton.close:active, .csd .titlebar.default-decoration button.titlebutton.close:checked {
  padding: 2px;
  margin: -2px 0;
  background-color: #7C4DFF;
  color: #FFFFFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
}

headerbar.default-decoration button.titlebutton.close:hover, headerbar.default-decoration button.titlebutton.close:active, headerbar.default-decoration button.titlebutton.close:checked, .csd headerbar.default-decoration button.titlebutton.close:hover, .csd headerbar.default-decoration button.titlebutton.close:active, .csd headerbar.default-decoration button.titlebutton.close:checked,
.titlebar.default-decoration button.titlebutton.close:hover,
.titlebar.default-decoration button.titlebutton.close:active,
.titlebar.default-decoration button.titlebutton.close:checked, .csd .titlebar.default-decoration button.titlebutton.close:hover, .csd .titlebar.default-decoration button.titlebutton.close:active, .csd .titlebar.default-decoration button.titlebutton.close:checked {
  padding: 0;
  margin: 0 2px;
  box-shadow: none;
}

.budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected {
  background-color: #5657f5;
}

row:selected label, label:selected, .budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected {
  color: #FFFFFF;
}

row:selected label:disabled, label:disabled:selected, .budgie-menu button:disabled:checked, text:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection:disabled, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled:selected, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, row:disabled:selected, calendar:disabled:selected, filechooser stack.view scrolledwindow treeview.view selection:disabled {
  color: rgba(255, 255, 255, 0.5);
}

.monospace {
  font-family: monospace;
}

/**********************
 * Touch Copy & Paste *
 **********************/
cursor-handle {
  border-radius: 9999px;
  background-color: #7C4DFF;
  background-image: none;
}

cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
  padding-left: 6px;
  border-top-right-radius: 0;
}

cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
  padding-right: 6px;
  border-top-left-radius: 0;
}

cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
  -GtkWidget-text-handle-width: 24;
  -GtkWidget-text-handle-height: 30;
  -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
}

.context-menu {
  font: initial;
}

.keycap {
  min-width: 12px;
  min-height: 26px;
  margin-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
  border: solid 1px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.08);
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.75);
  font-size: smaller;
}

:not(decoration):not(window):drop(active) {
  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #7C4DFF;
  caret-color: #7C4DFF;
}

stackswitcher button.text-button {
  min-width: 100px;
}

stackswitcher button.circular,
stackswitcher button.text-button.circular {
  min-width: 32px;
  min-height: 32px;
  padding: 0;
}

/*********
 * Emoji *
 *********/
popover.emoji-picker {
  padding: 0;
}

popover.emoji-picker entry {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  background-color: transparent;
}

popover.emoji-picker scrolledwindow {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

button.emoji-section {
  margin-top: -1px;
  padding: 0 8px;
  min-width: 24px;
  min-height: 32px;
  border-radius: 0;
  outline-offset: -6px;
  box-shadow: none;
}

button.emoji-section:hover {
  box-shadow: inset 0 2px rgba(0, 0, 0, 0.2);
}

button.emoji-section:active, button.emoji-section:checked {
  box-shadow: inset 0 2px #5657f5;
  background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%);
}

button.emoji-section:checked {
  box-shadow: inset 0 2px #5657f5;
  background-color: transparent;
}

button.emoji-section:first-child {
  margin-left: 4px;
}

button.emoji-section:last-child {
  margin-right: 4px;
}

.emoji {
  min-width: 3em;
  min-height: 3em;
  padding: 0;
}

.emoji widget {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
  border-radius: 5px;
}

.emoji widget:hover {
  font-size: larger;
}

/************
 * Nautilus *
 ************/
.nautilus-window headerbar .path-bar-box button {
  border-radius: 100px;
  color: rgba(255, 255, 255, 0.7);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.7) 0%, transparent 0%) 0 0 0/0 0 0;
}

.nautilus-window headerbar .path-bar-box button:hover {
  color: #FFFFFF;
}

.nautilus-window headerbar .path-bar-box button:checked, .nautilus-window headerbar .path-bar-box button:active {
  color: #FFFFFF;
  background-color: transparent;
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px;
}

.nautilus-window headerbar .path-bar-box button:checked:backdrop, .nautilus-window headerbar .path-bar-box button:active:backdrop {
  color: rgba(255, 255, 255, 0.5);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
}

.nautilus-window headerbar .path-bar-box button:backdrop {
  color: rgba(255, 255, 255, 0.3);
}

.nautilus-window headerbar .path-bar-box button:backdrop:hover {
  color: rgba(255, 255, 255, 0.7);
}

.nautilus-window {
  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
  background-size: 48px auto;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.nautilus-window.csd.background {
  background-color: #FFFFFF;
  border-radius: 0 0 13px 13px;
}

.nautilus-window.csd.background notebook {
  background-color: transparent;
  border-radius: 0 0 13px 13px;
}

.nautilus-window.csd.background notebook > stack {
  background-color: transparent;
  border-radius: 13px;
}

.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) {
  background-color: transparent;
}

.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) header button:not(:hover):not(:active):not(:checked) {
  background-color: transparent;
}

.nautilus-window.csd.background.unified headerbar {
  background-color: transparent;
}

.nautilus-window.maximized.csd.background, .nautilus-window.maximized placessidebar, .nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack {
  border-radius: 0;
}

.nautilus-window placessidebar {
  background: none;
  margin-right: 6px;
}

.nautilus-window placessidebar list {
  background: none;
}

.nautilus-window placessidebar row {
  padding-left: 6px;
}

.nautilus-window placessidebar row, .nautilus-window placessidebar row:hover, .nautilus-window placessidebar row:selected, .nautilus-window placessidebar row:active, .nautilus-window placessidebar row:selected:hover, .nautilus-window placessidebar row:selected:active, .nautilus-window placessidebar row:focus {
  transition: none;
  animation: none;
  background: none;
  box-shadow: none;
}

.nautilus-window placessidebar row image.sidebar-icon {
  color: rgba(255, 255, 255, 0.7);
  margin-right: 6px;
}

.nautilus-window placessidebar row label.sidebar-label {
  padding-left: 18px;
  color: rgba(0, 0, 0, 0.55);
  border-radius: 0 7px 7px 0;
}

.nautilus-window placessidebar row:hover label.sidebar-label {
  background-color: rgba(0, 0, 0, 0.03);
}

.nautilus-window placessidebar row:backdrop {
  opacity: 0.85;
}

.nautilus-window placessidebar row:selected label.sidebar-label {
  color: #5657f5;
  background-color: rgba(0, 0, 0, 0.06);
}

.nautilus-window placessidebar row:selected image.sidebar-icon {
  color: #FFFFFF;
}

.nautilus-window placessidebar separator {
  background-color: transparent;
}

.nautilus-window headerbar {
  background-color: #31313a;
  background-image: -gtk-scaled(url("assets/header-icon-alt.png"), url("assets/header-icon-alt@2.png"));
  background-size: 48px auto;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 54px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
}

.nautilus-window headerbar .path-bar-box {
  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
  background-size: auto auto;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100px;
  padding-left: 22px;
  margin-left: 6px;
  margin-right: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.08);
}

.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 100px;
}

.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
  color: #FFFFFF;
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px;
}

.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child:backdrop,
.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child:backdrop {
  color: rgba(255, 255, 255, 0.5);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
}

.nautilus-window headerbar .path-bar-box.background.frame {
  border: none;
  background-color: transparent;
}

.nautilus-window paned > separator {
  min-width: 20px;
  color: transparent;
  background-image: url("assets/scalable/side-paned.svg");
  background-size: 20px 750px;
  background-position: left center;
  background-repeat: no-repeat;
}

.nautilus-window .floating-bar {
  min-height: 32px;
  padding: 0;
  border-style: solid solid none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 13px 13px 0 0;
  background-color: #FFFFFF;
  background-clip: padding-box;
  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
}

.nautilus-window .floating-bar.bottom.left {
  margin-right: 7px;
  border-left-style: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 13px;
}

.nautilus-window .floating-bar.bottom.right {
  margin-left: 7px;
  border-right-style: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 13px;
}

.nautilus-window .floating-bar button {
  margin: 6px;
}

.nautilus-window.maximized .floating-bar {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.nautilus-window searchbar {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(244, 244, 249, 0.65);
}

.nautilus-window .searchbar-container {
  margin-top: -1px;
}

.nautilus-window flowboxchild > widget > .icon-item-background {
  padding: 4px;
  border-radius: 5px;
}

.nautilus-window flowboxchild:selected {
  background-color: transparent;
}

.nautilus-window flowboxchild:selected > widget > .icon-item-background {
  background-color: #5657f5;
}

.nautilus-window > popover.menu:not(:last-child) {
  padding: 3px;
}

.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
  margin-top: -6px;
}

.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
  margin-bottom: -6px;
}

.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
  margin-top: 1px;
}

.nautilus-window > popover.menu:not(:last-child) separator {
  margin-bottom: -2px;
}

.nautilus-canvas-item {
  border-radius: 5px;
}

.caja-desktop.caja-canvas-item,
.nautilus-desktop.nautilus-canvas-item:not(:selected) {
  color: #FFFFFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
}

@keyframes needs_attention_keyframes {
  to {
    background-color: alpha(currentColor, 0.3);
  }
}

.nautilus-operations-button-needs-attention {
  animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
}

.nautilus-operations-button-needs-attention-multiple {
  animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
}

.disk-space-display.unknown {
  background-color: #FF6D00;
}

.disk-space-display.used {
  background-color: #5657f5;
}

.disk-space-display.free {
  background-color: rgba(0, 0, 0, 0.08);
}

.conflict-row:not(:selected) {
  background-color: #ffd3b3;
}

dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
  border-style: none;
}

dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
  margin: 0 8px;
}

.nautilus-menu-sort-heading {
  margin: 1px 3px;
  font-weight: 500;
}

.nautilus-menu-sort-heading:disabled {
  color: rgba(0, 0, 0, 0.38);
}

/*********
 * gedit *
 *********/
.open-document-selector-path-label {
  color: rgba(0, 0, 0, 0.55);
  font-size: smaller;
}

.open-document-selector-path-label:selected {
  color: rgba(255, 255, 255, 0.7);
}

.gedit-document-panel {
  background-color: #f4f4f9;
}

.gedit-document-panel row button.flat {
  margin: 8px;
}

.gedit-document-panel-group-row:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.gedit-side-panel-paned statusbar {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.gedit-search-slider {
  margin: 4px 4px 8px;
}

.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
  border-radius: 7px;
}

.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
  all: unset;
  color: rgba(0, 0, 0, 0.38);
}

.gedit-search-slider entry:dir(ltr) {
  margin-right: -52px;
  padding-right: 52px;
}

.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
  margin-left: 4px;
}

.gedit-search-slider entry:dir(ltr) image.right {
  margin-right: 0;
}

.gedit-search-slider entry:dir(rtl) {
  margin-left: -52px;
  padding-left: 52px;
}

.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
  margin-right: 4px;
}

.gedit-search-slider entry:dir(rtl) image.left {
  margin-left: 0;
}

.gedit-search-slider entry.error ~ button {
  color: rgba(255, 255, 255, 0.7);
}

.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
  color: #FFFFFF;
}

.gedit-search-slider entry.error ~ button:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.gedit-search-slider button {
  border: solid 4px transparent;
}

.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
  margin-left: -2px;
}

.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
  margin-right: -2px;
}

frame.gedit-map-frame > border:dir(ltr) {
  border-style: none none none solid;
}

frame.gedit-map-frame > border:dir(rtl) {
  border-style: none solid none none;
}

paned.titlebar.horizontal headerbar {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.08);
}

.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal {
  padding: 3px 3px 0;
}

.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal {
  margin: 0 0 2px;
}

.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.image-button.small-button {
  padding: 4px;
  border-radius: 7px;
  -gtk-outline-radius: 7px;
}

.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.popup.small-button.toggle {
  padding: 4px;
}

.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow {
  margin: 2px 6px 6px;
  border-radius: 7px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow row.activatable {
  padding: 3px;
}

.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal stack scrolledwindow viewport.frame list.gedit-document-panel {
  background: none;
}

/**********************
  *  Gnome Tweak Tool  *
  **********************/
.tweak-categories {
  background-image: image(#f4f4f9);
}

.csd .tweak-categories {
  border-bottom-left-radius: 13px;
}

.tweak {
  padding: 3px;
}

.tweak.title:hover {
  box-shadow: none;
}

.tweak-group-white,
.tweak-white,
.tweak-white:hover {
  background-image: image(#FFFFFF);
}

.tweak-startup,
.tweak-startup:hover {
  background-image: image(#FFFFFF);
}

.tweak-group-startup {
  background-image: image(#FFFFFF);
}

.tweak-group-startup row.tweak-startup {
  border-radius: 13px;
  background-color: transparent;
  background-image: none;
}

row#Focus,
row#PrimaryWorkspaceTweak,
row#workspaces-only-on-primary {
  margin-top: 4px;
}

/***********
 * Builder *
 ***********/
layouttabbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f4f4f9;
}

layouttabbar > box > button {
  margin: 4px 0;
}

layouttab {
  margin: 0 8px;
  border-style: none solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 -2px #5657f5;
  background-color: #FFFFFF;
}

layouttab separator.vertical {
  margin: 8px 4px;
}

layouttab button.text-button, layouttab button.image-button, layouttab button {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0 4px;
}

layout {
  border: 1px solid rgba(0, 0, 0, 0.08);
  -PnlDockBin-handle-size: 1;
}

entry.search-missing {
  background-color: #DD2C00;
  color: #FFFFFF;
}

window.workbench treeview.image {
  color: rgba(0, 0, 0, 0.55);
}

window.workbench treeview.image:selected {
  color: rgba(255, 255, 255, 0.7);
}

popover.popover-selector list {
  padding: 6px;
}

popover.popover-selector list row {
  border-radius: 7px;
}

popover.popover-selector list row image:dir(ltr) {
  margin-right: 6px;
}

popover.popover-selector list row image:dir(rtl) {
  margin-left: 6px;
}

popover.popover-selector list row .accel:dir(ltr) {
  margin-left: 6px;
}

popover.popover-selector list row .accel:dir(rtl) {
  margin-right: 6px;
}

omnibar.linked:not(.vertical) entry {
  border-radius: 7px;
}

omnibar:not(:hover):not(:active) entry {
  color: rgba(0, 0, 0, 0.55);
}

popover.omnibar list row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

entry.preferences-search {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
  background-color: #FFFFFF;
}

preferences stacksidebar.sidebar list {
  background-color: #f4f4f9;
}

preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
  border-style: none;
}

preferences > box > box:dir(ltr) {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}

preferences > box > box:dir(rtl) {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

popover.messagepopover.background {
  padding: 0;
}

popover.messagepopover .popover-action-area button {
  padding: 8px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
}

popover.messagepopover .popover-action-area button:first-child {
  border-bottom-left-radius: 7px;
}

popover.messagepopover .popover-action-area button:last-child {
  border-bottom-right-radius: 7px;
}

popover.messagepopover .popover-content-area {
  margin: 16px;
}

popover.transfers list {
  background-color: transparent;
}

popover.transfers list row:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

popover.transfers list row > box {
  padding: 10px;
}

dockbin {
  border: 1px solid rgba(0, 0, 0, 0.08);
  -PnlDockBin-handle-size: 1;
}

dockpaned {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

eggsearchbar box.search-bar {
  padding: 0 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f4f4f9;
}

docktabstrip {
  padding: 0 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f4f4f9;
}

docktab {
  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
  min-height: 20px;
  min-width: 20px;
  margin-bottom: -1px;
  padding: 4px 6px;
  outline-offset: -6px;
  border-width: 1px;
  border-color: transparent;
  background-image: radial-gradient(circle farthest-corner at center, #5657f5 10%, transparent 0%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0% 0%;
  color: rgba(0, 0, 0, 0.55);
  font-weight: 500;
}

docktab:hover {
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.75);
}

docktab:checked {
  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
  box-shadow: inset 0 -2px #5657f5;
  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
  background-size: 1000% 1000%;
  color: rgba(0, 0, 0, 0.75);
}

dockoverlayedge {
  background-color: #f4f4f9;
}

dockoverlayedge docktabstrip {
  padding: 0;
  border: none;
}

dockoverlayedge.left-edge docktab:hover {
  box-shadow: inset -2px 0 rgba(0, 0, 0, 0.2);
}

dockoverlayedge.left-edge docktab:checked {
  box-shadow: inset -2px 0 #5657f5;
}

dockoverlayedge.right-edge docktab:hover {
  box-shadow: inset 2px 0 rgba(0, 0, 0, 0.2);
}

dockoverlayedge.right-edge docktab:checked {
  box-shadow: inset 2px 0 #5657f5;
}

pillbox {
  background-color: #f4f4f9;
  border-radius: 7px;
}

layoutpane entry.search {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
  background-color: #FFFFFF;
}

editortweak entry.search {
  margin-bottom: -1px;
  box-shadow: none;
}

.gb-search-entry-occurrences-tag {
  box-shadow: none;
  background-color: transparent;
}

docktabstrip {
  min-height: 39px;
}

window.workbench preferences preferencesgroup list entry {
  padding-top: 8px;
  padding-bottom: 8px;
}

button.run-arrow-button {
  padding-left: 8px;
  padding-right: 8px;
}

button.dzlmenubutton image {
  min-width: 26px;
}

button.dzlmenubutton image.arrow {
  min-width: 23px;
}

button.dzlmenubuttonitem {
  color: rgba(0, 0, 0, 0.75);
  font-weight: normal;
}

button.dzlmenubuttonitem:disabled {
  color: rgba(0, 0, 0, 0.38);
}

idelayoutstackheader {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

idelayoutstackheader button:checked {
  color: rgba(0, 0, 0, 0.75);
}

ideeditorutilities > dzldockpaned > box > stackswitcher {
  padding: 8px 0;
  background-color: #f4f4f9;
}

ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}

ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

ideeditorutilities > dzldockpaned > box > stackswitcher button {
  border-radius: 0;
  outline-offset: -6px;
  box-shadow: none;
  background-color: transparent;
}

ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
  background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%);
}

ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.75);
}

ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
  margin-right: -1px;
}

ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
  box-shadow: inset -2px 0 rgba(0, 0, 0, 0.2);
}

ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
  box-shadow: inset -2px 0 #5657f5;
}

ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
  margin-left: -1px;
}

ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
  box-shadow: inset 2px 0 rgba(0, 0, 0, 0.2);
}

ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
  box-shadow: inset 2px 0 #5657f5;
}

ideeditorsidebar notebook header {
  background: transparent;
}

popover.messagepopover list {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

popover.messagepopover list row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/**********
 * Photos *
 **********/
GdMainIconView.content-view {
  -GdMainIconView-icon-size: 48;
}

.documents-counter {
  margin: 8px;
  border-radius: 9999px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
  background-color: #7C4DFF;
  color: #FFFFFF;
  font-weight: bold;
}

.documents-scrolledwin.frame {
  border-style: none;
}

.documents-scrolledwin.frame frame.content-view > border {
  border-style: none;
}

.photos-fade-in {
  opacity: 1;
  transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
}

.photos-fade-out {
  opacity: 0;
  transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
}

overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
  border-style: none none none solid;
}

overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
  border-style: none solid none none;
}

.documents-scrolledwin {
  background-color: transparent;
}

.documents-scrolledwin .content-view {
  background-color: transparent;
  border-radius: 0 0 13px 13px;
}

.documents-scrolledwin viewport.frame {
  background-color: transparent;
}

.documents-scrolledwin viewport.frame widget > frame.content-view {
  background-color: transparent;
  border-radius: 0 0 13px 13px;
}

.documents-scrolledwin viewport.frame widget > frame.content-view border {
  border: none;
}

/*********
 * Music *
 *********/
.side-panel:dir(ltr) {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.08);
}

.side-panel:dir(rtl) {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.08);
}

.side-panel .view {
  background-image: image(#f4f4f9);
}

.side-panel .view:hover {
  background-image: image(rgba(237, 237, 241, 0.9875));
}

.side-panel .view:selected {
  background-image: image(#5657f5);
}

.side-panel .view:selected:hover {
  background-image: image(#5e5ff6);
}

.songs-list:hover {
  background-image: image(alpha(currentColor, 0.05));
}

frame.documents-dropdown {
  margin: 8px;
}

frame.documents-dropdown > border {
  border: none;
}

box.vertical > revealer > toolbar.search-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-clip: border-box;
}

box.vertical > revealer > toolbar.search-bar button > widget {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

/*******************
 * Archive Manager *
 *******************/
.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
  border-radius: 0 0 13px 13px;
  background-color: #FFFFFF;
}

.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) {
  background-color: transparent;
}

.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
  border-radius: 0 0 0 13px;
  background-color: #f4f4f9;
}

.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) {
  background-color: transparent;
}

/**************
 * Gnome-Logs *
 **************/
headerbar > button.flat.popup.title-menu-button.toggle > grid .title {
  margin: -3px 0;
  padding: 2px 4px 0;
  font-size: 90%;
}

headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle {
  margin: -3px 0;
  padding: 0 4px 2px;
  font-size: 80%;
}

window.background > box.vertical box.horizontal list.categories {
  border-radius: 0 0 0 13px;
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator {
  background-color: transparent;
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator.compressed-rows-group-separator {
  background-image: image(#FFFFFF);
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label {
  background-image: image(#7C4DFF);
  color: #FFFFFF;
  font-weight: 700;
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row {
  background-image: image(#eaeaf4);
  color: rgba(0, 0, 0, 0.75);
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover {
  background-image: image(rgba(237, 237, 241, 0.9875));
  color: rgba(0, 0, 0, 0.75);
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus {
  background-image: image(rgba(229, 229, 233, 0.975));
  color: rgba(0, 0, 0, 0.75);
  animation: none;
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row {
  background-color: #5657f5;
  color: #FFFFFF;
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header {
  background-image: image(#FFFFFF);
  background-color: #FFFFFF;
  color: #5657f5;
  transition: none;
  animation: none;
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: #5657f5;
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked:focus {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: image(#FFFFFF);
}

window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label {
  background-image: image(#5657f5);
  color: #FFFFFF;
}

/************************
  * Gnome Control Center *
  ************************/
window.background.csd stack stack stack frame > list,
window.background.csd > stack > stack > box > frame > list,
window.background.csd > stack > stack > box > box > frame > list,
window.background.csd > stack > box > stack > box > frame > list,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
window.background.csd > stack > scrolledwindow > viewport > box > list,
window.background.csd > box > stack > scrolledwindow > viewport > box > list, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, .tweak-group-startup, list.tweak-group list {
  border-radius: 8px;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:first-child, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, .tweak-group-startup row.activatable:first-child, list.tweak-group list row.activatable:first-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:last-child, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, .tweak-group-startup row.activatable:last-child, list.tweak-group list row.activatable:last-child {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:only-child, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, .tweak-group-startup row.activatable:only-child, list.tweak-group list row.activatable:only-child {
  border-radius: 7px;
}

stack > box.vertical > widget > overlay grid.horizontal > stack > button.toggle {
  margin: 8px 6px;
}

box.horizontal.titlebar > headerbar > stack > box.vertical > .title {
  margin: 0;
}

box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle {
  margin: -3px 0;
}

dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
  font-weight: 700;
}

window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar {
  border-right-style: none;
  background: none;
  min-width: 0;
}

window.background.csd > stack:not(.titlebar),
window.background.csd > hdyleaflet > stack.background,
window.background.csd > leaflet > stack.background {
  border-radius: 0 0 13px 13px;
}

window.background.csd > box.horizontal > separator.sidebar,
window.background.csd > hdyleaflet > separator.sidebar,
window.background.csd > leaflet > separator.sidebar {
  background: none;
  min-width: 0;
}

window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
  background-color: #FFFFFF;
  border-bottom-right-radius: 14px;
}

window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
  background: none;
}

window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
window.background.csd > leaflet > box.vertical > scrolledwindow.view,
window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
  background-color: #FFFFFF;
  border-bottom-left-radius: 14px;
}

window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack {
  background-color: transparent;
}

window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list {
  background-color: transparent;
}

window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) {
  background-color: transparent;
}

hdyleaflet frame > border, leaflet frame > border {
  border: none;
}

hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable {
  margin-right: 4px;
  border-radius: 0 7px 7px 0;
}

hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected {
  background-color: rgba(0, 0, 0, 0.06);
  color: #5657f5;
}

hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label {
  color: #5657f5;
}

hdyleaflet > separator.sidebar, leaflet > separator.sidebar {
  border-right-style: none;
  background: none;
  min-width: 0;
}

/************************
 * Gnome system monitor *
 ************************/
window#gnome-system-monitor.background.csd > box.vertical > stack {
  background-color: #FFFFFF;
  border-radius: 0 0 13px 13px;
}

window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view {
  background: none;
}

/************************
 * Gnome sound recorder *
 ************************/
stack > grid.vertical > scrolledwindow.frame {
  border: none;
}

stack > grid.vertical > scrolledwindow.frame > viewport.frame list {
  border-radius: 0 0 13px 13px;
}

stack > grid.vertical scrolledwindow.frame.emptyGrid {
  border: none;
}

/******************
 * Gnome Contacts *
 ******************/
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar {
  background-color: #5657f5;
}

window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:hover,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked {
  color: #FFFFFF;
}

window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked:disabled,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:disabled,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked:disabled {
  color: rgba(255, 255, 255, 0.5);
}

window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:hover,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked {
  color: rgba(255, 255, 255, 0.7);
}

window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked:disabled,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:disabled,
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked:disabled {
  color: rgba(255, 255, 255, 0.3);
}

window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border {
  border-top-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
}

window.background.csd > overlay > grid.horizontal .contacts-contact-form {
  border-bottom-right-radius: 13px;
}

/******************
  * Gnome calender *
  ******************/
popover.background datechooser day.day.other-month {
  color: rgba(255, 255, 255, 0.12);
}

popover.background datechooser day.day.other-month:hover, popover.background datechooser day.day.other-month:active, popover.background datechooser day.day.other-month:checked {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.12);
}

popover.background datechooser label.weekday {
  color: rgba(255, 255, 255, 0.7);
  font-weight: bold;
}

/****************
 * Gnome clocks *
 ****************/
window.background.csd.unified {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}

window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
}

window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer {
  margin: 0 0;
  background: none;
}

window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
  margin: 0;
  padding: 0;
  border-radius: 0;
}

/****************
 * Gnome Weather *
 ****************/
#weather-page,
#weekly-forecast-frame {
  border-bottom-right-radius: 13px;
}

#weather-page-content-view {
  border-bottom-right-radius: 13px;
  border-bottom-left-radius: 13px;
}

/*********
  * To Do *
  *********/
taskrow {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
  margin: 0 -8px;
}

taskrow:hover {
  transition: none;
}

taskrow label {
  margin: 0 8px;
}

taskrow image {
  min-width: 16px;
}

task-list-view > box > revealer > box > button {
  margin: -4px;
}

/*******
 * eog *
 *******/
#eog-thumb-nav scrolledwindow {
  border-top: none;
}

#eog-thumb-nav button {
  -gtk-outline-radius: 7px;
}

/***********
 * Fractal *
 ***********/
.background.csd.main-window .sidebar.rooms-sidebar {
  border-bottom-left-radius: 13px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}

/*************
 * Evolution *
 *************/
frame.taskbar > border {
  border-style: solid none none;
}

box.vertical > paned.horizontal notebook widget .frame {
  border-style: none;
}

/********
 * gitg *
 ********/
frame.commit-frame > border {
  border-style: solid none none;
}

/**************
 * Characters *
 **************/
box.dialog-vbox scrolledwindow.related {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

list.categories {
  background-image: image(#f4f4f9);
}

/*********
 * Boxes *
 *********/
.transparent-bg + stack overlay > label {
  min-height: 24px;
  padding: 0 4px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
}

/**************
 * Calculator *
 **************/
button.title label {
  min-height: 32px;
}

/*********
 * Geary *
 *********/
window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical,
window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical {
  border-bottom-left-radius: 13px;
}

window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
  border-bottom-left-radius: 13px;
}

window.geary-main-window.background.csd stack#conversation_viewer,
window#GearyMainWindow.background.csd stack#conversation_viewer {
  border-bottom-right-radius: 13px;
}

window.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
  background: none;
  border-bottom-right-radius: 13px;
}

.geary-accounts-editor-pane frame:not(.geary-signature) > border,
.geary-accounts-editor-pane scrolledwindow.frame {
  border: none;
}

/************
 * Terminal *
 ************/
window.background > box.vertical > box.horizontal > frame > border {
  border-width: 0 1px 0 0;
}

window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
  border-bottom-left-radius: 13px;
}

window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
  border-width: 0;
}

window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
  border-bottom-right-radius: 13px;
}

/**************
 * Extensions *
 **************/
window.background.csd stack stack stack frame > border,
window.background.csd > stack > stack > box > frame > border,
window.background.csd > stack > stack > box > box > frame > border,
window.background.csd > stack > box > stack > box > frame > border,
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
  border: none;
}

window.background.csd > stack > box > box > list {
  border-bottom-left-radius: 13px;
}

/***********
 * Dialogs *
 ***********/
dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
  border-radius: 0 0 0 13px;
}

dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
  border-radius: 0 0 13px 0;
}

dialog.background.csd > box.dialog-vbox > stack > scrolledwindow,
dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow {
  border-radius: 0 0 13px 13px;
  background-color: #FFFFFF;
}

dialog.background.csd > box.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
  background-color: transparent;
}

dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame {
  border-radius: 7px;
}

dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view {
  border-radius: 7px;
}

dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view > text {
  background: none;
}

dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
  background: none;
}

dialog.background.csd > box.dialog-vbox stack scrolledwindow viewport.frame.view {
  border-radius: 7px;
}

.nemo-window .nemo-places-sidebar {
  background-color: #f4f4f9;
}

.nemo-window .nemo-places-sidebar.frame {
  border-width: 0;
}

.nemo-window .nemo-places-sidebar .places-treeview:not(:hover):not(:selected) {
  background-color: transparent;
}

.nemo-window .nemo-window-pane widget.entry {
  border-radius: 3px;
  padding: 3px 10px;
  border: 2px solid #5657f5;
  background-color: rgba(86, 87, 245, 0.1);
}

.nemo-window toolbar.primary-toolbar {
  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 225ms cubic-bezier(0, 0, 0.2, 1);
  padding: 0 6px;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
  background-color: #31313a;
  color: #FFFFFF;
  border: none;
}

.nemo-window toolbar.primary-toolbar:backdrop {
  color: rgba(255, 255, 255, 0.7);
}

.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button {
  min-height: 32px;
  min-width: 32px;
  margin: 4px 2px;
  padding: 0 0;
  border-image: none;
  color: rgba(255, 255, 255, 0.7);
}

.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:active,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:hover,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:active {
  color: #FFFFFF;
}

.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:disabled,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:checked {
  border-image: none;
  background-color: #5657f5;
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
  background-size: auto auto;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.08);
}

.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked:disabled,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:checked:disabled {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(86, 87, 245, 0.5);
}

.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop {
  color: rgba(255, 255, 255, 0.5);
}

.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:hover, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:active,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop:hover,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop:active {
  color: rgba(255, 255, 255, 0.7);
}

.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:disabled,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:checked,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop:checked {
  background-image: none;
  color: rgba(255, 255, 255, 0.7);
}

.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:checked:disabled,
.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop:checked:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.nemo-window toolbar.primary-toolbar .linked.path-bar > button {
  min-height: 0;
  margin: 4px 0;
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.7);
}

.nemo-window toolbar.primary-toolbar .linked.path-bar > button:hover, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:active, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked {
  color: #FFFFFF;
}

.nemo-window toolbar.primary-toolbar .linked.path-bar > button:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child {
  padding: 0 6px;
}

.nemo-window toolbar.primary-toolbar .linked.path-bar > button image, .nemo-window toolbar.primary-toolbar .linked.path-bar > button label {
  padding-left: 0;
  padding-right: 0;
}

.nemo-window .sidebar scrolledwindow.frame {
  border: none;
}

/*********
 * Tilix *
 *********/
overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
  border-style: none;
  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
}

overlay > revealer.left > scrolledwindow.frame {
  margin-right: 32px;
}

overlay > revealer.right > scrolledwindow.frame {
  margin-left: 32px;
}

.terminix-session-sidebar,
.tilix-session-sidebar {
  background-image: image(#f4f4f9);
}

.terminix-session-sidebar button.tilix-sidebar-close-button,
.tilix-session-sidebar button.tilix-sidebar-close-button {
  min-height: 20px;
  min-width: 20px;
  padding: 0;
  background-color: #FF5252;
}

.terminix-session-sidebar button.tilix-sidebar-close-button, .terminix-session-sidebar button.tilix-sidebar-close-button:hover, .terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked,
.tilix-session-sidebar button.tilix-sidebar-close-button,
.tilix-session-sidebar button.tilix-sidebar-close-button:hover,
.tilix-session-sidebar button.tilix-sidebar-close-button:active,
.tilix-session-sidebar button.tilix-sidebar-close-button:checked {
  color: white;
}

.terminix-session-sidebar button.tilix-sidebar-close-button:hover,
.tilix-session-sidebar button.tilix-sidebar-close-button:hover {
  background-image: image(#ff6c6c);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

.terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked,
.tilix-session-sidebar button.tilix-sidebar-close-button:active,
.tilix-session-sidebar button.tilix-sidebar-close-button:checked {
  background-image: image(#ff1f1f);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
}

button.image-button.session-new-button {
  min-width: 28px;
}

widget > box.terminal-titlebar {
  padding: 0 6px;
}

widget > box.terminal-titlebar > button.flat.popup.toggle {
  border: none;
  border-radius: 0;
  padding: 0 8px;
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
}

widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) {
  padding-right: 6px;
}

widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) {
  padding-left: 6px;
}

widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.75);
}

widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle {
  margin: 2px 0;
  padding: 0;
  min-height: 24px;
  min-width: 24px;
}

/***********
 * Eclipse *
 ***********/
window.background > box.vertical > scrolledwindow > widget toolbar {
  padding: 2px;
}

window.background > box.vertical > scrolledwindow > widget toolbar separator,
window.background > box.vertical > scrolledwindow > widget toolbar button {
  margin: 2px;
}

window.background > box.vertical > scrolledwindow > widget toolbar button {
  border-radius: 7px;
}

/************
 * Chromium *
 ************/
tooltip.chromium {
  background-color: #FFFFFF;
}

/***********
 * Firefox *
 ***********/
window.background:not(.csd) > widget > separator {
  color: rgba(0, 0, 0, 0.2);
}

window.background:not(.csd) > widget > scrollbar {
  background-clip: border-box;
}

window.background:not(.csd) > widget > scrollbar,
window.background:not(.csd) > widget > frame > border {
  border-color: rgba(0, 0, 0, 0.2);
}

window.background:not(.csd) > widget > entry,
window.background:not(.csd) > widget > button > button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  box-shadow: none;
}

window.background:not(.csd) > widget > entry {
  min-height: 30px;
}

window.background:not(.csd) > widget > entry:focus {
  border-color: #5657f5;
}

window.background:not(.csd) > widget > button > button {
  padding: 4px 8px;
  background-size: auto;
}

window.background:not(.csd) > widget > button > button:hover {
  background-image: image(alpha(currentColor, 0.05));
}

window.background:not(.csd) > widget > button > button:active {
  background-image: image(alpha(currentColor, 0.1));
}

window.background:not(.csd) > widget > checkbutton > check:not(:checked),
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
  color: #757575;
}

window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
  color: #212121;
}

window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
  color: rgba(117, 117, 117, 0.5);
}

window.background:not(.csd) .menu {
  border-radius: 0;
}

window.background:not(.csd) > window:not(.csd) > menu,
window.background:not(.csd) > menu > menu {
  border: none;
  border-radius: 0;
  padding: 4px 0;
}

window.background:not(.csd) > window:not(.csd) > menu menuitem,
window.background:not(.csd) > menu > menu menuitem {
  transition: none;
  border-radius: 0;
}

window.background:not(.csd) > window:not(.csd) > menu menuitem:hover,
window.background:not(.csd) > menu > menu menuitem:hover {
  background-color: #5657f5;
}

window.background:not(.csd) > window:not(.csd) > menu menuitem:hover, window.background:not(.csd) > window:not(.csd) > menu menuitem:hover image,
window.background:not(.csd) > menu > menu menuitem:hover,
window.background:not(.csd) > menu > menu menuitem:hover image {
  color: #FFFFFF;
}

window.background:not(.csd) > window:not(.csd) > menu menuitem:hover accelerator,
window.background:not(.csd) > menu > menu menuitem:hover accelerator {
  color: rgba(255, 255, 255, 0.7);
}

window.background:not(.csd) > window.csd > menu menuitem {
  transition: none;
}

window.background:not(.csd) > widget > menubar {
  color: rgba(255, 255, 255, 0.7);
}

window.background:not(.csd) > widget > menubar:hover {
  color: #FFFFFF;
}

window.background:not(.csd) > widget > menubar:disabled {
  color: rgba(255, 255, 255, 0.3);
}

window.background:not(.csd) > widget > frame {
  color: #dadaeb;
}

window.background:not(.csd) > widget > checkbutton > check,
window.background:not(.csd) > widget > radiobutton > radio {
  margin: 0;
  padding: 0;
}

window.background:not(.csd) > window.background > menu > separator {
  color: #dadaeb;
}

#MozillaGtkWidget.background, #MozillaGtkWidget.background decoration {
  border-radius: 2px 2px 0 0;
}

#MozillaGtkWidget.background headerbar.titlebar {
  border-radius: 2px 2px 0 0;
}

#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton {
  min-width: 20px;
  min-height: 20px;
  margin: 4px 2px;
  padding: 0;
  color: rgba(255, 255, 255, 0.7);
  background-color: transparent;
}

window.background.chromium {
  background-color: #f4f4f9;
  color: rgba(0, 0, 0, 0.75);
}

window.background.chromium headerbar.titlebar button.titlebutton.close, window.background.chromium headerbar.titlebar button.titlebutton.maximize, window.background.chromium headerbar.titlebar button.titlebutton.minimize {
  border: none;
  min-width: 12px;
  min-height: 12px;
  padding: 0;
  margin: 0 2px;
}

window.background.chromium headerbar.titlebar button.titlebutton.close:hover {
  padding: 0;
  margin: 0 2px;
  box-shadow: none;
}

window.background.chromium headerbar.titlebar button.titlebutton.close:active, window.background.chromium headerbar.titlebar button.titlebutton.close:checked {
  padding: 0;
  margin: 0 2px;
  box-shadow: none;
}

window.background.chromium button {
  border-width: 1px;
  border-style: solid;
  border-color: #dadaeb;
  color: rgba(0, 0, 0, 0.75);
}

window.background.chromium entry.chromium {
  border-image: none;
  border: 1px solid #dadaeb;
}

window.background.chromium entry.chromium:focus {
  border-color: #5657f5;
}

window.background.chromium tooltip.background, window.background.chromium tooltip.background.csd {
  color: #565656;
}

window.background.chromium > textview.view {
  background-color: #f4f4f9;
  color: rgba(0, 0, 0, 0.75);
}

window.background.chromium > menubar {
  background-color: #31313a;
}

window.background.chromium > menu {
  color: rgba(0, 0, 0, 0.75);
  background-color: #FFFFFF;
  border: 1px solid #dadaeb;
  border-radius: 0;
}

window.background.chromium > menu > separator, window.background.chromium > menu .separator {
  background-color: #dadaeb;
  color: #dadaeb;
  border: none;
}

window.background.chromium > menu > menuitem {
  color: rgba(0, 0, 0, 0.75);
  border-radius: 0;
}

window.background.chromium > menu > menuitem:hover {
  color: #FFFFFF;
  background-color: #5657f5;
}

window.background.chromium > menu > menuitem:disabled {
  color: rgba(0, 0, 0, 0.45);
}

window.background.chromium > menu > menuitem accelerator {
  color: rgba(0, 0, 0, 0.45);
}

/*************
  * RhythmBox *
  *************/
.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar {
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
}

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.08);
  box-shadow: none;
  background-color: transparent;
}

window.csd > box.vertical > box.vertical > toolbar.horizontal button,
window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button {
  min-height: 36px;
  min-width: 36px;
  padding: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

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: 52px;
  min-height: 52px;
  padding: 0;
  margin: 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: 52px;
  min-height: 52px;
  margin: 0;
  padding: 0;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

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-height: 36px;
  min-width: 36px;
  padding: 0;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale {
  min-height: 36px;
  min-width: 36px;
  padding: 0;
  margin-top: 12px;
  margin-bottom: 12px;
  border-radius: 100px;
  -gtk-outline-radius: 100px;
}

/***********
  *  Geary  *
  ***********/
.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > border, .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > border {
  border-width: 0;
}

.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(ltr), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(ltr) {
  border: none;
}

.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(rtl), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(rtl) {
  border: none;
}

.solid-csd .geary-titlebar-right, .solid-csd .geary-titlebar-left {
  border-radius: 0;
  box-shadow: none;
}

.geary-titlebar-right separator,
.geary-titlebar-left separator {
  opacity: 0;
}

stack#conversation_viewer scrolledwindow.geary-conversation-scroller > viewport.frame {
  border: none;
}

popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label {
  color: rgba(255, 255, 255, 0.8);
}

popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label:disabled {
  color: rgba(255, 255, 255, 0.3);
}

/************
 * Inkscape *
 ************/
#ToolboxCommon > #AuxToolbox #StyleSwatch {
  font-size: smaller;
}

#ToolboxCommon > #AuxToolbox #Kludge {
  padding: 0;
}

#ToolboxCommon > #AuxToolbox spinbutton,
#ToolboxCommon > #AuxToolbox entry {
  min-height: 32px;
}

#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
  min-height: 24px;
  min-width: 16px;
  padding: 4px 8px;
  border-radius: 7px;
  -gtk-outline-radius: 7px;
}

#ToolboxCommon > #AuxToolbox spinbutton button {
  border-width: 4px;
}

#ToolboxCommon > toolbar.vertical {
  margin-top: -4px;
}

#ToolboxCommon > toolbar.vertical button {
  min-height: 24px;
  min-width: 24px;
  padding: 4px;
  border-radius: 7px;
  -gtk-outline-radius: 7px;
}

#CanvasTable button {
  min-height: 16px;
  min-width: 16px;
  padding: 0;
}

#CanvasTable #HorizontalScrollbar {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

#CanvasTable #VerticalScrollbar:dir(ltr) {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

#CanvasTable #VerticalScrollbar:dir(rtl) {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}

#Canvas_and_Dock frame > border {
  border: none;
}

#Canvas_and_Dock widget > widget > button.flat {
  min-height: 16px;
  min-width: 16px;
  padding: 4px;
}

#Canvas_and_Dock widget > widget > box.horizontal image {
  padding: 4px;
}

#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
  min-height: 16px;
  min-width: 24px;
  padding: 8px 4px;
}

/***********
 * Synapse *
 ***********/
box.vertical > widget > widget:selected {
  background-color: #5657f5;
}

/***********
 *  xfce4  *
 ***********/
.xfce4-panel button, .xfce4-panel button.flat {
  color: rgba(255, 255, 255, 0.7);
  border-radius: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
}

.xfce4-panel button:hover:not(:active):not(:checked) {
  color: #FFFFFF;
  box-shadow: inset 0 -2px rgba(124, 77, 255, 0.5);
}

.xfce4-panel button:checked, .xfce4-panel button:active {
  color: #FFFFFF;
  background: none;
  box-shadow: inset 0 -2px #7C4DFF;
}

.xfce4-panel button:checked label, .xfce4-panel button:checked image, .xfce4-panel button:active label, .xfce4-panel button:active image {
  color: inherit;
}

.XfceHeading {
  border: 0 none transparent;
  background-color: #f4f4f9;
  color: rgba(0, 0, 0, 0.75);
}

.xfce4-panel {
  background-color: #25252d;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
  text-shadow: none;
  -gtk-icon-shadow: none;
}

.xfce4-panel,
.xfce4-panel frame > border {
  border: none;
}

.xfce4-panel#XfcePanelWindow {
  border: none;
}

.xfce4-panel button {
  font-weight: 700;
}

.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover {
  box-shadow: none;
}

.xfce4-panel button#launcher-arrow + button.toggle:checked {
  color: #7C4DFF;
  box-shadow: none;
}

.xfce4-panel button#xfce4-notification-plugin {
  padding: 0 1px;
}

.xfce4-panel menu {
  font-weight: 400;
  text-shadow: none;
  -gtk-icon-effect: none;
}

.xfce4-panel widget.tasklist > button.toggle {
  font-weight: 400;
}

XfdesktopIconView.view {
  border-radius: 5px;
  background: transparent;
  color: #FFFFFF;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12);
}

XfdesktopIconView.view:active, XfdesktopIconView.view:checked {
  background-color: #5657f5;
  text-shadow: none;
}

window#whiskermenu-window {
  background-color: #FFFFFF;
}

window#whiskermenu-window > frame > border {
  border-radius: 0;
}

window#whiskermenu-window scrolledwindow > viewport button.radio:not(:disabled) {
  border-radius: 3px;
}

window#whiskermenu-window scrolledwindow > viewport button.radio:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

window#whiskermenu-window scrolledwindow > viewport button.radio:checked {
  background-color: #5657f5;
  color: #FFFFFF;
}

window#whiskermenu-window scrolledwindow treeview.view:selected:hover {
  background-color: alpha(currentColor, 0.05);
  color: rgba(0, 0, 0, 0.75);
}

window.thunar .sidebar {
  border-top: none;
}

window.thunar toolbar#location-toolbar {
  background-color: #31313a;
  color: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

window.thunar toolbar#location-toolbar entry {
  min-height: 0;
}

window.thunar toolbar#location-toolbar button {
  color: rgba(255, 255, 255, 0.7);
}

window.thunar toolbar#location-toolbar button:hover, window.thunar toolbar#location-toolbar button:active, window.thunar toolbar#location-toolbar button:checked {
  color: #FFFFFF;
}

window.thunar toolbar#location-toolbar button:disabled {
  color: rgba(255, 255, 255, 0.3);
}

window.thunar notebook stack > scrolledwindow.frame.standard-view {
  border-top-width: 0;
  border-right-width: 0;
}

window.thunar notebook stack > scrolledwindow.frame.standard-view widget.view {
  border-radius: 3px;
}

window.thunar notebook header.top tab.reorderable-page > box > label {
  min-height: 0;
}

menubar.-vala-panel-appmenu-private,
menubar.-vala-panel-background {
  background: none;
  border: none;
}

menubar.-vala-panel-appmenu-private > menuitem,
menubar.-vala-panel-background > menuitem {
  color: rgba(255, 255, 255, 0.8);
  font-weight: normal;
}

menubar.-vala-panel-appmenu-private > menuitem:hover,
menubar.-vala-panel-background > menuitem:hover {
  color: #FFFFFF;
  border-radius: 0 0 0 0;
}

/*********
 * Unity *
 *********/
UnityDecoration {
  -UnityDecoration-extents: 28px 0 0 0;
  -UnityDecoration-input-extents: 8px;
  -UnityDecoration-shadow-offset-x: 0;
  -UnityDecoration-shadow-offset-y: 3px;
  -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
  -UnityDecoration-active-shadow-radius: 18px;
  -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
  -UnityDecoration-inactive-shadow-radius: 6px;
  -UnityDecoration-glow-size: 8px;
  -UnityDecoration-glow-color: #5657f5;
  -UnityDecoration-title-indent: 4px;
  -UnityDecoration-title-fade: 32px;
  -UnityDecoration-title-alignment: 0.0;
}

UnityDecoration .top {
  padding: 0 2px;
  border-style: none;
  border-radius: 13px 13px 0 0;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  background-color: #31313a;
  color: #FFFFFF;
}

UnityDecoration .top:backdrop {
  color: rgba(255, 255, 255, 0.7);
}

UnityDecoration .menuitem {
  color: rgba(255, 255, 255, 0.7);
}

UnityDecoration .menuitem:hover {
  box-shadow: inset 0 -2px currentColor;
  background-color: transparent;
  color: #FFFFFF;
}

.background:not(.csd) headerbar:not(.titlebar) {
  border-radius: 7px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
  border-style: none;
}

UnityPanelWidget,
.unity-panel {
  background-color: #25252d;
  color: #FFFFFF;
}

UnityPanelWidget:backdrop,
.unity-panel:backdrop {
  color: rgba(255, 255, 255, 0.7);
}

.unity-panel.menuitem,
.unity-panel .menuitem {
  color: rgba(255, 255, 255, 0.7);
}

.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem *:hover {
  box-shadow: inset 0 -2px currentColor;
  background-color: transparent;
  color: #FFFFFF;
}

.menu IdoPlaybackMenuItem.menuitem:active {
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
  animation: spin 1s linear infinite;
  color: #5657f5;
}

/**************
 * Mate-Panel *
 **************/
.mate-panel-menu-bar menubar,
#PanelApplet-window-menu-applet-button {
  background-color: transparent;
}

.mate-panel-menu-bar {
  background-color: #25252d;
  font-weight: 500;
}

.mate-panel-menu-bar:not(.popup) {
  color: rgba(255, 255, 255, 0.7);
}

.mate-panel-menu-bar button {
  min-height: 16px;
  min-width: 16px;
  padding: 0;
  border-radius: 0;
}

PanelToplevel.horizontal > grid > button {
  min-width: 24px;
}

PanelToplevel.vertical > grid > button {
  min-height: 24px;
}

PanelSeparator {
  color: rgba(0, 0, 0, 0.08);
}

MatePanelAppletFrameDBus {
  border-style: solid;
  border-color: transparent;
}

.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
  border-width: 0 1px;
}

.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
  border-width: 1px 0;
}

.mate-panel-menu-bar menubar > menuitem {
  color: rgba(255, 255, 255, 0.7);
}

.mate-panel-menu-bar menubar > menuitem:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: #FFFFFF;
}

.mate-panel-menu-bar menubar > menuitem:disabled {
  color: rgba(255, 255, 255, 0.5);
}

.mate-panel-menu-bar.horizontal menubar > menuitem {
  padding: 0 8px;
}

.mate-panel-menu-bar.vertical menubar > menuitem {
  padding: 8px 0;
}

.mate-panel-menu-bar menubar menu > menuitem {
  min-height: 28px;
  padding: 0 6px;
}

.mate-panel-menu-bar #PanelApplet button {
  -GtkWidget-window-dragging: true;
}

.mate-panel-menu-bar #tasklist-button {
  color: rgba(255, 255, 255, 0.7);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
}

.mate-panel-menu-bar #tasklist-button:checked {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.12);
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
}

.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
  padding-left: 4px;
}

.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
  padding-right: 4px;
}

.mate-panel-menu-bar.vertical #tasklist-button {
  min-height: 32px;
}

.mate-panel-menu-bar.horizontal #showdesktop-button image {
  min-width: 24px;
  padding: 0 4px;
}

.mate-panel-menu-bar.vertical #showdesktop-button image {
  min-height: 24px;
  padding: 4px 0;
}

PanelApplet.wnck-applet .wnck-pager {
  background-color: transparent;
  color: #5C6BC0;
}

PanelApplet.wnck-applet .wnck-pager:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

PanelApplet.wnck-applet .wnck-pager:active {
  background-color: rgba(255, 255, 255, 0.3);
}

PanelApplet.wnck-applet .wnck-pager:selected {
  background-color: #5657f5;
}

#clock-applet-button {
  color: rgba(255, 255, 255, 0.7);
}

.mate-panel-menu-bar.horizontal #clock-applet-button label {
  padding: 0 8px;
}

.mate-panel-menu-bar.vertical #clock-applet-button label {
  padding: 8px 0;
}

#MatePanelPopupWindow {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
}

#MatePanelPopupWindow frame > border {
  border-style: none;
}

#MatePanelPopupWindow button {
  padding: 4px 16px;
}

#MatePanelPopupWindow ClockMap {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

#MatePanelPopupWindow widget {
  color: rgba(0, 0, 0, 0.08);
}

na-tray-applet {
  -NaTrayApplet-icon-padding: 3px;
  -NaTrayApplet-icon-size: 16;
}

.mate-panel-menu-bar {
  -PanelMenuBar-icon-visible: true;
}

.mate-panel-applet-slider {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  background-color: #f4f4f9;
}

.mate-panel-applet-slider frame > border {
  border-style: none;
}

#PanelApplet:not(:selected) > box {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
}

#PanelApplet:selected > box {
  background-color: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}

#mate-menu {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

#mate-menu button {
  min-height: 24px;
  min-width: 24px;
  padding: 4px 0;
  color: rgba(0, 0, 0, 0.75);
  font-weight: normal;
}

#mate-menu button label:not(:first-child) {
  color: rgba(0, 0, 0, 0.55);
}

#mate-menu entry {
  margin: 0 0 8px;
}

#mate-menu entry image {
  margin: 0;
}

#mate-menu entry + button {
  margin: 0 4px 8px;
  padding: 4px;
}

/*********************
 * CAJA File manager *
 *********************/
.caja-navigation-window button.toggle.image-button {
  border-radius: 5px;
}

.caja-pathbar button {
  margin: 0 -1px 0 -2px;
}

.caja-pathbar button > widget {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  -GtkArrow-arrow-scaling: 1;
}

.caja-side-pane notebook viewport.frame,
.caja-side-pane notebook widget .vertical {
  background-color: #FFFFFF;
}

.caja-side-pane notebook,
.caja-notebook {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.caja-side-pane notebook .frame,
.caja-notebook .frame {
  border-style: none;
}

.caja-navigation-window statusbar {
  margin: 0 -10px;
  padding: 0 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

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

#caja-extra-view-widget {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f4f4f9;
}

#caja-extra-view-widget > box > box > label {
  font-weight: bold;
}

/*********
 * Pluma *
 *********/
.pluma-window statusbar {
  margin: 0 -10px;
  padding: 0 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.pluma-window statusbar frame > border {
  border-style: none;
}

.pluma-window statusbar frame button.flat {
  padding: 0 4px;
  border-radius: 0;
}

.pluma-window statusbar frame button.flat widget {
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  -GtkArrow-arrow-scaling: 1;
}

.pluma-print-preview toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
  margin: 1px;
}

.pluma-window paned.horizontal box.vertical .frame {
  border-style: none;
}

.pluma-window paned.horizontal box.vertical notebook.frame {
  margin-top: -1px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/*********
 * Atril *
 *********/
.atril-window paned.horizontal box.vertical .frame {
  border-style: none;
}

.atril-window paned.horizontal box.vertical notebook .frame {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* mate-screensaver lock dialog */
.lock-dialog {
  border-radius: 5px;
  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4);
}

.lock-dialog frame > border {
  border-style: none;
}

/******************
 * Budgie Desktop *
 ******************/
box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button {
  color: rgba(0, 0, 0, 0.55);
  background-color: transparent;
  box-shadow: none;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:hover {
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:disabled {
  color: rgba(0, 0, 0, 0.38);
  background-color: transparent;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked {
  background-color: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.75);
  box-shadow: none;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:active {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.75);
  box-shadow: none;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked:disabled {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.65);
  box-shadow: none;
}

.budgie-container {
  background-color: transparent;
}

.budgie-settings-window buttonbox.inline-toolbar {
  border-style: none none solid;
  padding: 0 2px;
  margin: 0;
}

.budgie-settings-window buttonbox.inline-toolbar button {
  margin: 4px 2px;
  min-height: 16px;
  border-radius: 7px;
  -gtk-outline-radius: 7px;
}

.budgie-settings-window list.sidebar {
  background-color: #FFFFFF;
  border-radius: 0 0 0 13px;
}

.budgie-popover {
  border-color: #f4f4f9;
  border-radius: 6px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
  background-color: #3c3c46;
}

.budgie-popover .container {
  padding: 2px;
}

.budgie-popover border {
  border: none;
}

.budgie-popover list {
  background-color: transparent;
}

.budgie-popover row {
  padding: 0;
}

.budgie-popover row:hover {
  box-shadow: none;
}

.budgie-popover switch {
  margin-left: 56px;
  margin-right: 6px;
}

.budgie-popover button:checked {
  color: white;
  background-color: #5657f5;
}

.budgie-popover .linked entry:first-child, .budgie-popover .linked entry:last-child {
  border-radius: 0;
}

.budgie-popover .linked:not(.vertical) > combobox > box > button.combo {
  border-radius: 0;
}

.budgie-popover .linked:not(.vertical) > combobox:first-child > box > button.combo {
  border-radius: 0;
}

.budgie-popover .linked:not(.vertical) > combobox:last-child > box > button.combo {
  border-radius: 0;
}

.budgie-popover .linked:not(.vertical) > combobox:only-child > box > button.combo {
  border-radius: 0;
}

.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
  min-height: 28px;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.75);
  font-weight: normal;
}

.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
  color: rgba(0, 0, 0, 0.38);
}

.budgie-popover.budgie-menu .container {
  padding: 0;
}

.budgie-popover.user-menu .container {
  padding: 8px;
}

.budgie-popover.user-menu separator {
  margin: 4px 0;
}

.budgie-popover.sound-popover separator {
  margin: 3px 0;
}

.budgie-popover.night-light-indicator .container {
  padding: 8px;
}

.budgie-popover.places-menu .container {
  padding: 8px;
}

.budgie-popover.places-menu .places-list:not(.always-expand) {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.budgie-popover.places-menu .alternative-label {
  padding: 3px;
  font-size: 15px;
}

.budgie-popover.workspace-popover .container {
  padding: 2px 8px 8px;
}

.budgie-popover.workspace-popover separator {
  margin: 4px 0;
}

.budgie-popover.workspace-popover flowboxchild {
  padding: 0;
}

window.budgie-popover:not(.csd) > frame.container {
  margin: 0 -1px -1px;
}

.bottom window.budgie-popover:not(.csd) > frame.container {
  padding: 2px 0 2px;
}

window.budgie-popover:not(.csd) > frame.container,
window.budgie-popover:not(.csd) > frame.container > border {
  border-style: none;
}

.workspace-switcher .workspace-layout {
  border: 0 solid rgba(255, 255, 255, 0.12);
}

.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
  border-left-width: 1px;
}

.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
  border-right-width: 1px;
}

.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
  border-top-width: 1px;
}

.workspace-switcher .workspace-item,
.workspace-switcher .workspace-add-button {
  border: 0 solid rgba(255, 255, 255, 0.12);
}

.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
  border-right-width: 1px;
}

.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
  border-left-width: 1px;
}

.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
  border-bottom-width: 1px;
}

.workspace-switcher .workspace-item {
  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
}

.workspace-switcher .workspace-item.current-workspace {
  background-color: rgba(255, 255, 255, 0.12);
}

.workspace-switcher .workspace-add-button:hover {
  box-shadow: none;
}

.workspace-switcher .workspace-add-button:active {
  background-image: none;
}

.workspace-switcher .workspace-add-button:active image {
  margin: 1px 0 -1px;
}

.budgie-panel .workspace-switcher .workspace-icon-button {
  min-height: 24px;
  min-width: 24px;
  padding: 0;
  border-radius: 7px;
}

.budgie-menu.background {
  padding: 0;
  background-color: #FFFFFF;
}

.budgie-menu scrollbar,
.budgie-menu entry.search {
  background-color: transparent;
}

.budgie-menu entry.search {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  box-shadow: none;
  font-size: 120%;
}

.budgie-menu .categories:dir(ltr) {
  border-bottom-left-radius: 5px;
}

.budgie-menu .categories:dir(rtl) {
  border-bottom-right-radius: 5px;
}

.budgie-menu button {
  min-height: 32px;
  padding: 0 8px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.75);
  font-weight: normal;
}

.budgie-menu button:disabled {
  color: rgba(0, 0, 0, 0.38);
}

.budgie-menu button:checked:disabled {
  background-color: #5657f5;
}

.budgie-menu row {
  padding: 0;
}

.budgie-menu row:hover {
  box-shadow: none;
}

popover.background.user-menu {
  padding: 8px;
}

popover.background.user-menu .content-box {
  background-color: transparent;
}

popover.background.user-menu separator {
  margin: 4px 0;
}

popover.background.user-menu row {
  padding: 0;
  box-shadow: none;
  background-image: none;
}

popover.background.places-menu {
  padding: 8px;
}

popover.background.places-menu .name-button.text-button {
  padding-left: 8px;
  padding-right: 8px;
}

popover.background.places-menu .name-button.text-button image:dir(ltr) {
  margin-right: 3px;
}

popover.background.places-menu .name-button.text-button image:dir(rtl) {
  margin-left: 3px;
}

popover.background.places-menu .places-section-header > image:dir(ltr) {
  margin: 0 -2px 0 5px;
}

popover.background.places-menu .places-section-header > image:dir(rtl) {
  margin: 0 5px 0 -2px;
}

popover.background.places-menu .places-list {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background-color: transparent;
}

popover.background.places-menu row {
  padding: 0;
  box-shadow: none;
  background-image: none;
}

.budgie-panel {
  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1);
  background-color: #25252d;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
}

.budgie-panel.transparent {
  background-color: rgba(37, 37, 45, 0.85);
}

.budgie-panel button {
  min-height: 16px;
  min-width: 16px;
  padding: 0;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.7);
}

.budgie-panel button:hover {
  color: #FFFFFF;
}

.budgie-panel button:checked {
  background-color: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}

.budgie-panel.horizontal button {
  padding: 0 4px;
}

.budgie-panel.vertical button {
  padding: 4px 0;
}

.budgie-panel separator {
  background-color: rgba(255, 255, 255, 0.3);
}

.budgie-panel menubar > menuitem,
.budgie-panel .menubar > menuitem {
  color: rgba(255, 255, 255, 0.7);
}

.budgie-panel menubar > menuitem:hover,
.budgie-panel .menubar > menuitem:hover {
  color: #FFFFFF;
}

.budgie-panel menubar > menuitem:disabled,
.budgie-panel .menubar > menuitem:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.budgie-panel menubar > menuitem menu,
.budgie-panel .menubar > menuitem menu {
  border-radius: 0 0 8px 8px;
}

.budgie-panel menubar > menuitem menu menu,
.budgie-panel .menubar > menuitem menu menu {
  border-radius: 8px;
}

.budgie-panel menubar > menuitem menu separator,
.budgie-panel .menubar > menuitem menu separator {
  background: none;
}

.budgie-panel .alert {
  color: #66BB6A;
}

.budgie-panel #tasklist-button {
  padding: 0 4px;
}

.budgie-panel.vertical #tasklist-button {
  min-height: 32px;
}

.budgie-panel button.flat.launcher {
  padding: 0;
}

.budgie-panel button.flat.launcher:checked, .budgie-panel button.flat.launcher:active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
  transition: background-color 0, border-image 300ms cubic-bezier(0, 0, 0.2, 1);
}

.budgie-panel button.flat.launcher:not(:checked) {
  color: rgba(255, 255, 255, 0.5);
}

.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
  color: rgba(255, 255, 255, 0.7);
}

.budgie-panel button.flat.launcher:not(:checked):disabled {
  color: rgba(255, 255, 255, 0.3);
}

.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
  border-image: radial-gradient(circle closest-corner at center calc(1px), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
}

.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked {
  border-image: radial-gradient(circle closest-corner at center calc(1px), #7C4DFF 100%, transparent 0%) 3 0 0 0/3px 0 0 0;
}

.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
}

.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7C4DFF 100%, transparent 0%) 0 0 3 0/0 0 3px 0;
}

.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
  border-image: radial-gradient(circle closest-corner at calc(1px) center, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
}

.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked {
  border-image: radial-gradient(circle closest-corner at calc(1px) center, #7C4DFF 100%, transparent 0%) 0 0 0 3/0 0 0 3px;
}

.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
}

.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked {
  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #7C4DFF 100%, transparent 0%) 0 3 0 0/0 3px 0 0;
}


button.flat.launcher {
  min-width: 16px;
  min-height: 16px;
  padding: 0;
  border-radius: 0;
  background-position: center center;
}


button.flat.launcher > image {
  opacity: 0.87;
}


button.flat.launcher:hover {
  -gtk-icon-effect: highlight;
}


button.flat.launcher:hover > image {
  opacity: 1.0;
}


button.flat.launcher:active > image {
  opacity: 1.0;
}


button.flat.launcher:checked {
  background-color: transparent;
}


button.flat.launcher:checked:hover {
  -gtk-icon-effect: highlight;
}


button.flat.launcher:checked > image {
  opacity: 1.0;
}


.unpinned button.flat.launcher:hover,
.pinned button.flat.launcher.running:hover,
.pinned button.launcher.running.sidebar-button:hover {
  -gtk-icon-effect: highlight;
}


.unpinned button.flat.launcher > image,
.pinned button.flat.launcher.running > image,
.pinned button.launcher.running.sidebar-button > image {
  background-repeat: no-repeat;
  opacity: 1.0;
}


.unpinned button.flat.launcher:checked > image,
.pinned button.flat.launcher.running:checked > image,
.pinned button.launcher.running.sidebar-button:checked > image {
  background-image: none;
}

.top .budgie-panel .unpinned button.flat.launcher > image,
.top .budgie-panel .pinned button.flat.launcher.running > image,
.top .budgie-panel .pinned button.launcher.running.sidebar-button > image {
  background-image: image(#7C4DFF);
  background-size: 6px 3px;
  background-position: top center;
}

.top .budgie-panel .unpinned button.flat.launcher:checked,
.top .budgie-panel .pinned button.flat.launcher.running:checked,
.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

.top .budgie-panel .unpinned button.flat.launcher:checked:hover,
.top .budgie-panel .pinned button.flat.launcher.running:checked:hover,
.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
  transition: none;
}

.top .budgie-panel .unpinned button.flat.launcher:checked > image,
.top .budgie-panel .pinned button.flat.launcher.running:checked > image,
.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
  background-image: none;
}

.bottom .budgie-panel .unpinned button.flat.launcher > image,
.bottom .budgie-panel .pinned button.flat.launcher.running > image,
.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image {
  background-image: image(#7C4DFF);
  background-size: 6px 3px;
  background-position: bottom center;
}

.bottom .budgie-panel .unpinned button.flat.launcher:checked,
.bottom .budgie-panel .pinned button.flat.launcher.running:checked,
.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

.bottom .budgie-panel .unpinned button.flat.launcher:checked:hover,
.bottom .budgie-panel .pinned button.flat.launcher.running:checked:hover,
.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
  transition: none;
}

.bottom .budgie-panel .unpinned button.flat.launcher:checked > image,
.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image,
.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
  background-image: none;
}

.left .budgie-panel .unpinned button.flat.launcher > image,
.left .budgie-panel .pinned button.flat.launcher.running > image,
.left .budgie-panel .pinned button.launcher.running.sidebar-button > image {
  background-image: image(#7C4DFF);
  background-size: 3px 6px;
  background-position: left center;
}

.left .budgie-panel .unpinned button.flat.launcher:checked,
.left .budgie-panel .pinned button.flat.launcher.running:checked,
.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

.left .budgie-panel .unpinned button.flat.launcher:checked:hover,
.left .budgie-panel .pinned button.flat.launcher.running:checked:hover,
.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
  transition: none;
}

.left .budgie-panel .unpinned button.flat.launcher:checked > image,
.left .budgie-panel .pinned button.flat.launcher.running:checked > image,
.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
  background-image: none;
}

.right .budgie-panel .unpinned button.flat.launcher > image,
.right .budgie-panel .pinned button.flat.launcher.running > image,
.right .budgie-panel .pinned button.launcher.running.sidebar-button > image {
  background-image: image(#7C4DFF);
  background-size: 3px 6px;
  background-position: right center;
}

.right .budgie-panel .unpinned button.flat.launcher:checked,
.right .budgie-panel .pinned button.flat.launcher.running:checked,
.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

.right .budgie-panel .unpinned button.flat.launcher:checked:hover,
.right .budgie-panel .pinned button.flat.launcher.running:checked:hover,
.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
  transition: none;
}

.right .budgie-panel .unpinned button.flat.launcher:checked > image,
.right .budgie-panel .pinned button.flat.launcher.running:checked > image,
.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
  background-image: none;
}

box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked {
  border-image: none;
}

widget.icon-tasklist > box:drop(active),
box.pinned:drop(active) {
  border: none;
  border-radius: 0;
  background-color: rgba(255, 167, 38, 0.2);
  box-shadow: inset 0 0 0 1px #FFA726;
}

*:drop(active):focus,
*:drop(active) {
  box-shadow: inset 0 0 0 1px #FFA726;
}

frame.raven-frame > border {
  border-style: none;
  box-shadow: none;
}

.top .shadow-block {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
}

.bottom .shadow-block {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
}

.left .shadow-block {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
}

.right .shadow-block {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
}

.raven {
  background-color: #FFFFFF;
}

.raven > box {
  margin-bottom: -10px;
}

.raven > stack {
  margin-bottom: -10px;
}

.raven stackswitcher.linked > button {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
  border-radius: 0;
}

.raven stackswitcher.linked > button:checked {
  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
  background-color: transparent;
}

.raven .raven-header {
  min-height: 32px;
  padding: 3px;
}

.raven .raven-header:not(.top) {
  margin-top: -6px;
}

.raven .raven-header.top {
  padding: 0 0;
  background-color: #FFFFFF;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
}

.raven .raven-header.top stackswitcher button {
  margin: -4px 0;
  min-height: 32px;
  padding: 4px 16px;
}

.raven .raven-header.top button.image-button:dir(ltr) {
  margin-right: 2px;
}

.raven .raven-header.top button.image-button:dir(rtl) {
  margin-left: 2px;
}

.raven .raven-header.top > image {
  margin: 0 8px;
}

.raven .raven-header.top > label {
  margin: 0 -8px;
  font-weight: bold;
}

.raven .raven-header.bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.raven viewport.frame .raven-header {
  margin-top: -8px;
}

.raven .raven-background {
  border-style: solid none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #FFFFFF;
}

.raven .raven-background.frame {
  border-style: solid none;
}

.raven .raven-background > overlay > widget > image {
  color: rgba(0, 0, 0, 0.08);
}

.raven .raven-background grid > label:first-child {
  min-height: 32px;
}

.raven scrolledwindow.raven-background {
  border-bottom-style: none;
}

.raven .raven-header.top + .raven-background {
  border-style: none;
  background-color: #5657f5;
  color: #FFFFFF;
}

.raven .raven-header.top + .raven-background stackswitcher button {
  margin: -4px 0;
}

.raven .powerstrip button {
  margin: 2px 0 1px;
  padding: 7px;
}

.raven .option-subtitle {
  font-size: smaller;
}

.raven .audio-widget scale.marks-after {
  padding-top: 0;
  padding-bottom: 0;
}

.raven .audio-widget scale.marks-after label {
  font-size: 90%;
  padding: 0;
  margin: -10px 0 0 6px;
}

.raven .audio-widget button.flat.expander-button {
  margin-top: 4px;
  margin-bottom: 4px;
}

.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.75);
  box-shadow: inset 2px 0 #5657f5;
}

.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
  color: rgba(0, 0, 0, 0.75);
}

.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
  padding-left: 16px;
}

calendar.raven-calendar {
  border-style: none;
  background-color: transparent;
}

calendar.raven-calendar:selected {
  border-radius: 7px;
  background-color: #5657f5;
}

.raven-mpris {
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFFFFF;
}

.raven-mpris label {
  min-height: 24px;
}

.raven-mpris button.image-button {
  padding: 7px;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame {
  padding: 0;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list {
  background-color: transparent;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable {
  margin-left: -8px;
  margin-right: -2px;
  background-color: transparent;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > grid > *,
box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > box.vertical * {
  color: rgba(0, 0, 0, 0.75);
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable image {
  padding-left: 8px;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button {
  min-height: 32px;
  min-width: 32px;
  margin: 8px;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button image {
  padding: 0;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list {
  border-radius: 2px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:last-child {
  border-bottom: none;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable label {
  padding: 0 16px;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button {
  min-height: 24px;
  min-width: 24px;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button image {
  padding: 0;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected {
  background-color: rgba(86, 87, 245, 0.75);
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > grid > *,
box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > box.vertical * {
  color: white;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button {
  border: none;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:active, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:checked {
  background-color: rgba(255, 255, 255, 0.35);
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list {
  border: 1px solid rgba(255, 255, 255, 0.12);
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:last-child {
  border-bottom: none;
}

box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:selected {
  background-color: rgba(86, 87, 245, 0.65);
}

.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
  background-color: transparent;
}

.budgie-notification .notification-title, .budgie-switcher .notification-title {
  font-size: 120%;
}

.budgie-osd .budgie-osd-text {
  font-size: 120%;
}

.drop-shadow {
  margin: 5px 9px;
  padding: 3px;
  border-radius: 7px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.4);
  background-color: rgba(244, 244, 249, 0.95);
}

.drop-shadow .linked > button {
  border-radius: 7px;
}

.budgie-run-dialog, .budgie-polkit-dialog,
.budgie-session-dialog {
  border-radius: 7px;
  background-color: #f4f4f9;
}

.budgie-run-dialog decoration, .budgie-polkit-dialog decoration,
.budgie-session-dialog decoration {
  border-radius: 7px;
}

.background.budgie-run-dialog, .background.budgie-polkit-dialog,
.background.budgie-session-dialog {
  border-radius: 7px;
}

.budgie-polkit-dialog label:not(:last-child),
.budgie-polkit-dialog .dialog-title,
.budgie-session-dialog label:not(:last-child),
.budgie-session-dialog .dialog-title {
  font-size: 120%;
}

.budgie-polkit-dialog .linked.horizontal > button,
.budgie-session-dialog .linked.horizontal > button {
  padding: 8px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
}

.budgie-polkit-dialog .linked.horizontal > button:first-child,
.budgie-session-dialog .linked.horizontal > button:first-child {
  border-bottom-left-radius: 7px;
}

.budgie-polkit-dialog .linked.horizontal > button:last-child,
.budgie-session-dialog .linked.horizontal > button:last-child {
  border-bottom-right-radius: 7px;
}

.budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover,
.budgie-session-dialog .linked.horizontal > button.suggested-action,
.budgie-session-dialog .linked.horizontal > button.suggested-action:hover {
  color: #7C4DFF;
}

.budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked,
.budgie-session-dialog .linked.horizontal > button.suggested-action:active,
.budgie-session-dialog .linked.horizontal > button.suggested-action:checked {
  background-color: #7C4DFF;
  color: white;
  border-color: #7C4DFF;
  box-shadow: none;
}

.budgie-polkit-dialog .linked.horizontal > button.suggested-action:disabled,
.budgie-session-dialog .linked.horizontal > button.suggested-action:disabled {
  opacity: 0.65;
}

.budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover,
.budgie-session-dialog .linked.horizontal > button.destructive-action,
.budgie-session-dialog .linked.horizontal > button.destructive-action:hover {
  color: #FF5252;
}

.budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked,
.budgie-session-dialog .linked.horizontal > button.destructive-action:active,
.budgie-session-dialog .linked.horizontal > button.destructive-action:checked {
  background-color: #FF5252;
  color: white;
  border-color: #FF5252;
  box-shadow: none;
}

.budgie-polkit-dialog .linked.horizontal > button.destructive-action:disabled,
.budgie-session-dialog .linked.horizontal > button.destructive-action:disabled {
  opacity: 0.65;
}

.budgie-polkit-dialog .message {
  color: rgba(0, 0, 0, 0.38);
}

.budgie-polkit-dialog .failure {
  color: #FF5252;
}

.budgie-run-dialog {
  background-color: #FFFFFF;
}

.budgie-run-dialog entry.search {
  font-size: 120%;
  padding: 4px 12px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  background-color: transparent;
}

.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
  opacity: 1;
}

.budgie-run-dialog scrolledwindow {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.budgie-panel box.titlebar {
  min-width: 16px;
  min-height: 16px;
  border-radius: 0;
  background: unset;
  box-shadow: none;
  border: none;
}

.budgie-panel box.titlebar > widget > label {
  color: rgba(255, 255, 255, 0.7);
}

.budgie-panel box.titlebar > button.image-button.titlebutton {
  min-width: 16px;
  min-height: 16px;
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  border: none;
  color: rgba(255, 255, 255, 0.7);
}

.budgie-panel box.titlebar > button.image-button.titlebutton image {
  border-radius: 100px;
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

.budgie-panel box.titlebar > button.image-button.titlebutton:hover {
  color: rgba(255, 255, 255, 0.7);
}

.budgie-panel box.titlebar > button.image-button.titlebutton:hover image {
  background-image: image(rgba(255, 255, 255, 0.12));
}

.budgie-panel box.titlebar > button.image-button.titlebutton:active {
  color: #FFFFFF;
}

.budgie-panel box.titlebar > button.image-button.titlebutton:active image {
  background-image: image(rgba(255, 255, 255, 0.3));
}

.budgie-panel box.titlebar > button.image-button.titlebutton.close {
  padding: 0;
  margin: 0;
  box-shadow: none;
}

.budgie-panel box.titlebar > button.image-button.titlebutton.close:hover image {
  background-image: image(#EF5350);
}

.budgie-panel box.titlebar > button.image-button.titlebutton.close:active image {
  background-image: image(#5657f5);
}

.budgie-panel box.titlebar > button.image-button.titlebutton:disabled image {
  opacity: 0;
}

.budgie-panel box.titlebar.horizontal {
  padding: 0 3px;
}

.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) {
  padding-right: 3px;
}

.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) {
  padding-left: 3px;
}

.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton {
  padding: 0 3px;
}

/************************
 * LightDM GTK+ Greeter *
 ************************/
#panel_window {
  background-color: rgba(66, 66, 73, 0.85);
  color: #FFFFFF;
}

#panel_window menubar,
#panel_window separator {
  background-color: transparent;
}

#panel_window separator {
  padding: 0 4px;
}

#panel_window separator:first-child {
  padding: 0 8px;
}

#panel_window menubar > menuitem {
  color: rgba(255, 255, 255, 0.7);
}

#panel_window menubar > menuitem:hover {
  color: #FFFFFF;
}

#panel_window menubar > menuitem:disabled label {
  color: rgba(255, 255, 255, 0.3);
}

#login_window,
#shutdown_dialog,
#restart_dialog {
  margin: 8px;
  border-radius: 7px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.4);
  background-color: #f4f4f9;
}

#content_frame {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

#buttonbox_frame {
  padding-top: 24px;
}

#buttonbox_frame button {
  margin: -16px;
}

#greeter_infobar {
  margin-top: -1px;
}

/* GTK NAMED COLORS
   ----------------
   use responsibly! */
/*
widget text/foreground color */
@define-color theme_fg_color rgba(0, 0, 0, 0.75);
/*
text color for entries, views and content in general */
@define-color theme_text_color currentColor;
/*
widget base background color */
@define-color theme_bg_color #f4f4f9;
/*
text widgets and the like base background color */
@define-color theme_base_color #FFFFFF;
/*
base background color of selections */
@define-color theme_selected_bg_color #5657f5;
/*
text/foreground color of selections */
@define-color theme_selected_fg_color #FFFFFF;
/*
base background color of insensitive widgets */
@define-color insensitive_bg_color #f4f4f9;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color alpha(currentColor, 0.5);
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color #eaeaf4;
/*
widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.75);
/*
text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color currentColor;
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #f4f4f9;
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #FFFFFF;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #5657f5;
/*
text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #FFFFFF;
/*
insensitive color on backdrop windows */
@define-color unfocused_insensitive_color alpha(currentColor, 0.5);
/*
widgets main borders color */
@define-color borders alpha(currentColor, 0.12);
/*
widgets main borders color on backdrop windows */
@define-color unfocused_borders alpha(currentColor, 0.12);
/*
these are pretty self explicative */
@define-color warning_color #FF6D00;
@define-color error_color #DD2C00;
@define-color success_color #00C853;
/*
FIXME this is really an API */
@define-color content_view_bg #FFFFFF;
@define-color placeholder_text_color #757575;
/* Very contrasty background for text views (@theme_text_color foreground) */
@define-color text_view_bg #FFFFFF;
@define-color budgie_tasklist_indicator_color #7C4DFF;
@define-color budgie_tasklist_indicator_color_active #7C4DFF;
@define-color budgie_tasklist_indicator_color_active_window rgba(90, 62, 174, 0.931);
@define-color budgie_tasklist_indicator_color_attention #FF6D00;
@define-color STRAWBERRY_100 #FF9262;
@define-color STRAWBERRY_300 #FF793E;
@define-color STRAWBERRY_500 #F15D22;
@define-color STRAWBERRY_700 #CF3B00;
@define-color STRAWBERRY_900 #AC1800;
@define-color ORANGE_100 #FFDB91;
@define-color ORANGE_300 #FFCA40;
@define-color ORANGE_500 #FAA41A;
@define-color ORANGE_700 #DE8800;
@define-color ORANGE_900 #C26C00;
@define-color BANANA_100 #FFFFA8;
@define-color BANANA_300 #FFFA7D;
@define-color BANANA_500 #FFCE51;
@define-color BANANA_700 #D1A023;
@define-color BANANA_900 #A27100;
@define-color LIME_100 #A2F3BE;
@define-color LIME_300 #8ADBA6;
@define-color LIME_500 #73C48F;
@define-color LIME_700 #479863;
@define-color LIME_900 #1C6D38;
@define-color BLUEBERRY_100 #94A6FF;
@define-color BLUEBERRY_300 #6A7CE0;
@define-color BLUEBERRY_500 #3F51B5;
@define-color BLUEBERRY_700 #213397;
@define-color BLUEBERRY_900 #031579;
@define-color GRAPE_100 #D25DE6;
@define-color GRAPE_300 #B84ACB;
@define-color GRAPE_500 #9C27B0;
@define-color GRAPE_700 #830E97;
@define-color GRAPE_900 #6A007E;
@define-color COCOA_100 #9F9792;
@define-color COCOA_300 #7B736E;
@define-color COCOA_500 #574F4A;
@define-color COCOA_700 #463E39;
@define-color COCOA_900 #342C27;
@define-color SILVER_100 #EEE;
@define-color SILVER_300 #CCC;
@define-color SILVER_500 #AAA;
@define-color SILVER_700 #888;
@define-color SILVER_900 #666;
@define-color SLATE_100 #888;
@define-color SLATE_300 #666;
@define-color SLATE_500 #444;
@define-color SLATE_700 #222;
@define-color SLATE_900 #111;
@define-color BLACK_100 #474341;
@define-color BLACK_300 #403C3A;
@define-color BLACK_500 #393634;
@define-color BLACK_700 #33302F;
@define-color BLACK_900 #2B2928;