diff --git a/Breeze-dark-gtk/gtk-3.0/gtk.css b/Breeze-dark-gtk/gtk-3.0/gtk.css
index 955f3c8..b951e7f 100644
--- a/Breeze-dark-gtk/gtk-3.0/gtk.css
+++ b/Breeze-dark-gtk/gtk-3.0/gtk.css
@@ -1,4302 +1,4302 @@
 * {
   padding: 0;
   -GtkToolButton-icon-spacing: 4;
   -GtkTextView-error-underline-color: #ed1515;
   -GtkCheckButton-indicator-size: 16;
   -GtkCheckMenuItem-indicator-size: 16;
   -GtkScrolledWindow-scrollbar-spacing: 0;
   -GtkScrolledWindow-scrollbars-within-bevel: 1;
   -GtkToolItemGroup-expander-size: 11;
   -GtkExpander-expander-size: 16;
   -GtkTreeView-expander-size: 11;
   -GtkTreeView-horizontal-separator: 4;
   -GtkMenu-horizontal-padding: 0;
   -GtkMenu-vertical-padding: 0;
   -GtkWidget-link-color: #98d4f3;
   -GtkWidget-visited-link-color: #6bc0ed;
   -GtkWidget-focus-padding: 2;
   -GtkWidget-focus-line-width: 1;
   -GtkWidget-text-handle-width: 20;
   -GtkWidget-text-handle-height: 20;
   -GtkDialog-button-spacing: 4;
   -GtkDialog-action-area-border: 0;
   -GtkStatusbar-shadow-type: none;
   outline-width: 0px; }
 
 /***************
  * Base States *
  ***************/
 .background {
   color: #EEEFF0;
   background-color: #31363B; }
 .background:backdrop {
   text-shadow: none;
   -gtk-icon-shadow: none;
   color: #EEEFF0;
   background-color: #31363B; }
 
 *:disabled {
   -gtk-icon-effect: dim; }
 
 /*
    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.
 */
 .gtkstyle-fallback {
   background-color: #31363B;
   color: #EEEFF0; }
 .gtkstyle-fallback:hover {
   background-color: #485057;
   color: #EEEFF0; }
 .gtkstyle-fallback:active {
   background-color: #1a1d1f;
   color: #EEEFF0; }
 .gtkstyle-fallback:disabled {
   background-color: #3a3f44;
   color: #909396; }
 .gtkstyle-fallback:selected {
   background-color: #3DADE8;
   color: #EEEFF0; }
 
 view, .view {
   color: #EEEFF0;
   background-color: #232629; }
 view:selected, .view:selected, calendar:selected {
     border-radius: 3px; }
 
 view.rubberband, .view.rubberband, rubberband, .rubberband {
   border: 1px solid #3DADE8;
   background-color: rgba(61, 173, 232, 0.2); }
 
 .label.separator, placessidebar.sidebar .view .label.separator {
   color: #EEEFF0; }
 .label:disabled {
   color: #909396; }
 
 .dim-label, .label.separator, placessidebar.sidebar .view .label.separator, .titlebar .subtitle,
 headerbar .subtitle {
   opacity: 0.55;
   text-shadow: none; }
 
 assistant .sidebar {
   background-color: #232629;
   border-top: 1px solid #696D71; }
   assistant .sidebar:dir(ltr) {
     border-right: 1px solid #696D71; }
   assistant .sidebar:dir(rtl) {
     border-left: 1px solid #696D71; }
   assistant .sidebar:backdrop {
     background-color: #25292c;
     border-color: #63686c; }
 assistant.csd .sidebar {
   border-top-style: none; }
 assistant .sidebar .label {
   padding: 6px 12px; }
 assistant .sidebar .label.highlight {
   background-color: #575b5f; }
 
 textview {
   background-color: #2a2e32; }
   textview text selection { }
 
 .grid-child {
   padding: 3px;
   border-radius: 3px; }
 
 popover.osd, .app-notification,
 .app-notification.frame, .osd {
   color: #EEEFF0;
   border: 1px solid #31363B;
   background-color: rgba(35, 38, 41, 0.8);
   background-clip: padding-box;
   outline-color: rgba(238, 239, 240, 0.3);
   text-shadow: none;
   -gtk-icon-shadow: none; }
   popover.osd:backdrop, .app-notification:backdrop, .osd:backdrop {
     text-shadow: none; }
 
 /*********************
  * Spinner Animation *
  *********************/
 @keyframes spin {
   to {
     -gtk-icon-transform: rotate(1turn); } }
 .spinner {
   background-image: none;
   background-color: blue;
   opacity: 0;
   -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
   .spinner:active {
     opacity: 1;
     animation: spin 1s linear infinite; }
     .spinner:active:disabled {
       opacity: 0.5; }
 
 /****************
  * Text Entries *
  ****************/
 entry {
   border: 1px solid;
   padding: 5px 8px 6px;
   border-radius: 3px;
   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
   background-color: #232629;
   background-image: none;
   color: #EEEFF0;
   border-color: #696D71; }
   entry.image.left {
     padding-left: 0; }
   entry.image.right {
     padding-right: 0; }
   entry.flat, entry.flat:focus {
     padding: 2px;
     background-color: #232629;
     background-image: none;
     color: #EEEFF0;
     border-color: #696D71;
     border: none;
     border-radius: 0; }
   entry:focus {
     background-color: #232629;
     background-image: none;
     border-color: #3DADE8; }
   entry:disabled {
     background-color: #232629;
     background-image: none;
     color: #909396;
     border-color: #696D71;
     background-color: #3a3f44;
     box-shadow: none; }
   entry:backdrop {
     background-color: #232629;
     background-image: none;
     color: #EEEFF0;
     border-color: #696D71;
     background-color: #232629;
     box-shadow: none; }
   entry:backdrop:disabled {
     background-color: #232629;
     background-image: none;
     color: #909396;
     border-color: #696D71;
     background-color: #3a3f44;
     box-shadow: none; }
   entry progressbar {
     margin: 1px;
     border-radius: 0;
     border-width: 0 0 2px;
     border-color: #3DADE8;
     border-style: solid;
     background-image: none;
     background-color: transparent;
     box-shadow: none; }
     entry progressbar:backdrop {
       background-color: transparent; }
   .linked > entry {
     border-radius: 0; }
     .linked > entry:first-child {
       border-top-left-radius: 3px;
       border-bottom-left-radius: 3px; }
       .linked > entry:first-child:dir(rtl) {
         border-right-style: none; }
     .linked > entry:last-child {
       border-top-right-radius: 3px;
       border-bottom-right-radius: 3px;
       border-left-style: none; }
       .linked > entry:last-child:dir(rtl) {
         border-left-style: solid; }
   entry.error {
     color: #ed1515;
     border-color: #4a0606; }
     entry.error:focus {
       background-color: #232629;
       background-image: none;
       border-color: #4a0606; }
     entry.error:selected, entry.error:selected:focus {
       background-color: #ed1515; }
   entry.warning {
     color: #f67400;
     border-color: #442000; }
     entry.warning:focus {
       background-color: #232629;
       background-image: none;
       border-color: #442000; }
     entry.warning:selected, entry.warning:selected:focus {
       background-color: #f67400; }
   entry.image {
     color: #c5c7c8; }
     entry.image:hover {
       color: #EEEFF0; }
     entry.image:active {
       color: #3DADE8; }
     entry.image:backdrop {
       color: #54585c; }
   .osd entry {
     background-color: #232629;
     background-image: none;
     color: #EEEFF0;
     border-color: rgba(0, 0, 0, 0.7);
     background-color: rgba(35, 38, 41, 0.8);
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none; }
     .osd entry:focus {
       background-color: #232629;
       background-image: none;
       color: #EEEFF0;
       border-color: #3DADE8;
       background-color: rgba(35, 38, 41, 0.8);
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd entry:backdrop {
       background-color: #232629;
       background-image: none;
       color: #EEEFF0;
       border-color: rgba(0, 0, 0, 0.7);
       background-color: rgba(0, 0, 0, 0.7);
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd entry:disabled {
       background-color: #232629;
       background-image: none;
       color: #898b8d;
       border-color: rgba(0, 0, 0, 0.7);
       background-color: shade(#EEEFF0, 0.3);
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
 
 .linked.vertical > entry:not(:last-child) {
   box-shadow: none; }
 .linked.vertical > entry:focus:not(:last-child) {
   box-shadow: inset 0 0 0 1px #3DADE8; }
 .linked.vertical > entry:not(:disabled) + entry:not(:disabled) {
   border-top-color: #383b3f;
   background-image: linear-gradient(to bottom, #232629); }
   .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop {
     border-top-color: #383c3f;
     background-image: linear-gradient(to bottom, #25292c); }
 .linked.vertical > entry + entry:focus:not(:last-child) {
   border-top-color: #3DADE8;
   box-shadow: inset 0 0 0 1px #3DADE8; }
 .linked.vertical > entry + entry:focus:last-child {
   border-top-color: #3DADE8; }
 .linked.vertical > entry:focus:not(:only-child) + entry,
 .linked.vertical > entry:focus:not(:only-child) + button,
 .linked.vertical > entry:focus:not(:only-child) + combobox > button,
 .linked.vertical > entry:focus:not(:only-child) + comboboxText > button {
   border-top-color: #3DADE8; }
 
 /***********
  * Buttons *
  ***********/
 @keyframes needs_attention {
   from {
     background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#81caf0), to(transparent)); }
   to {
     background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3DADE8), to(transparent)); } }
 button, headerbar button.titlebutton,
 .titlebar button.titlebutton {
   border: 1px solid;
   border-radius: 3px;
   padding: 5px 8px 6px;
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   color: #EEEFF0;
   border-color: #696D71;
   background-image: linear-gradient(to bottom, #363b41, #31363b); }
   button.flat, headerbar .titlebutton.button,
   .titlebar .titlebutton.button {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     transition: none; }
     button.flat:hover, headerbar .titlebutton.button:hover,
     .titlebar .titlebutton.button:hover {
       transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
       transition-duration: 500ms; }
       button.flat:hover:active, headerbar .titlebutton.button:hover:active,
       .titlebar .titlebutton.button:hover:active {
         transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   button:hover, headerbar button.titlebutton:hover,
   .titlebar button.titlebutton:hover {
     color: #EEEFF0;
     border-color: #3DADE8;
     background-image: linear-gradient(to bottom, #31363b, #31363b);
     -gtk-icon-effect: highlight; }
   button:active, headerbar button.titlebutton:active,
   .titlebar button.titlebutton:active, button:checked, headerbar button.titlebutton:checked,
   .titlebar button.titlebutton:checked {
     color: #31363B;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
     transition-duration: 50ms; }
     button:active:hover, button:checked:hover {
       color: #31363B;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #96CDF1, #86B7D7); }
   button.flat:backdrop, headerbar .titlebutton.button:backdrop,
   .titlebar .titlebutton.button:backdrop, button.flat:disabled, headerbar .titlebutton.button:disabled,
   .titlebar .titlebutton.button:disabled, button.flat:backdrop:disabled, headerbar .titlebutton.button:backdrop:disabled,
   .titlebar .titlebutton.button:backdrop:disabled {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none; }
   button:disabled, headerbar button.titlebutton:disabled,
   .titlebar button.titlebutton:disabled {
     color: #909396;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3a3f44);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
     button:disabled > .label, headerbar button.titlebutton:disabled > .label,
     .titlebar button.titlebutton:disabled > .label {
       color: inherit; }
     button:disabled:active, button:disabled:checked {
       color: #909396;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
       button:disabled:active > .label, headerbar button.titlebutton:disabled:active > .label,
       .titlebar button.titlebutton:disabled:active > .label, button:disabled:checked > .label, headerbar button.titlebutton:disabled:checked > .label,
       .titlebar button.titlebutton:disabled:checked > .label {
         color: inherit; }
   button.osd, headerbar .osd.button.titlebutton,
   .titlebar .osd.button.titlebutton {
     color: #EEEFF0;
     border-radius: 5px;
     outline-color: rgba(238, 239, 240, 0.3);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: none;
     background-color: #31363B;
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     font-weight: normal;
     border: none;
     box-shadow: none; }
     button.osd.image-button, headerbar .osd.titlebutton.button,
     .titlebar .osd.titlebutton.button {
       padding: 13px; }
     button.osd:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: none;
       background-clip: padding-box;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none;
       box-shadow: none; }
     button.osd:active, button.osd:checked {
       color: #EEEFF0;
       border-color: rgba(35, 38, 41, 0.8);
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none;
       box-shadow: none; }
     button.osd:disabled, button.osd:backdrop:disabled {
       color: #909396;
       border-color: #3a3f44;
       background-image: none;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none; }
     button.osd:backdrop {
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none; }
   .osd button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
   .osd .titlebar button.titlebutton,
   .titlebar .osd button.titlebutton {
     color: #EEEFF0;
     border-color: #696D71;
     background-image: none;
     background-color: #31363B;
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     font-weight: normal;
     border-radius: 3px;
     border-style: solid; }
     .osd button:dir(rtl) {
       border-radius: 3px; }
     .osd button:first-child {
       border-radius: 3px 3px 3px 3px; }
     .osd button:last-child {
       border-radius: 3px 3px 3px 3px; }
       .osd button:last-child:dir(rtl) {
         border-right-style: solid; }
     .osd button:only-child {
       border-radius: 3px;
       border-style: solid; }
     .osd button:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: none;
       background-clip: padding-box;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked {
       color: #EEEFF0;
       border-color: rgba(35, 38, 41, 0.8);
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button:disabled, .osd button:backdrop:disabled {
       color: #909396;
       border-color: #3a3f44;
       background-image: none;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button:backdrop {
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button.flat, .osd headerbar .titlebutton.button, headerbar .osd .titlebutton.button,
     .osd .titlebar .titlebutton.button,
     .titlebar .osd .titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal; }
       .osd button.flat:hover, .osd headerbar .titlebutton.button:hover, headerbar .osd .titlebutton.button:hover,
       .osd .titlebar .titlebutton.button:hover,
       .titlebar .osd .titlebutton.button:hover {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none;
         background-clip: padding-box;
         box-shadow: none; }
       .osd button.flat:disabled, .osd headerbar .titlebutton.button:disabled, headerbar .osd .titlebutton.button:disabled,
       .osd .titlebar .titlebutton.button:disabled,
       .titlebar .osd .titlebutton.button:disabled {
         color: #909396;
         border-color: #3a3f44;
         background-image: none;
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none;
         background-image: none;
         border-color: transparent;
         box-shadow: none; }
       .osd button.flat:backdrop, .osd headerbar .titlebutton.button:backdrop, headerbar .osd .titlebutton.button:backdrop,
       .osd .titlebar .titlebutton.button:backdrop,
       .titlebar .osd .titlebutton.button:backdrop {
         border-color: rgba(255, 255, 255, 0);
         background-color: transparent;
         background-image: none;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.flat:active, .osd headerbar .titlebutton.button:active, headerbar .osd .titlebutton.button:active,
       .osd .titlebar .titlebutton.button:active,
       .titlebar .osd .titlebutton.button:active, .osd button.flat:checked, .osd headerbar .titlebutton.button:checked, headerbar .osd .titlebutton.button:checked,
       .osd .titlebar .titlebutton.button:checked,
       .titlebar .osd .titlebutton.button:checked {
         color: #EEEFF0;
         border-color: rgba(35, 38, 41, 0.8);
         background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none;
         background-clip: padding-box;
         border-color: transparent;
         box-shadow: none; }
   button.suggested-action, headerbar .suggested-action.button.titlebutton,
   .titlebar .suggested-action.button.titlebutton {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #232629;
     border-color: #3DADE8;
     background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
     button.suggested-action.flat, headerbar .suggested-action.titlebutton.button,
     .titlebar .suggested-action.titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: #3DADE8; }
     button.suggested-action:hover {
       color: white;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
     button.suggested-action:active, button.suggested-action:checked {
       color: white;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
     button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar .suggested-action.titlebutton.button:backdrop,
     .titlebar .suggested-action.titlebutton.button:backdrop {
       color: white;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3DADE8);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
       button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, headerbar .suggested-action.titlebutton.button:backdrop:active,
       .titlebar .suggested-action.titlebutton.button:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar .suggested-action.titlebutton.button:backdrop:checked,
       .titlebar .suggested-action.titlebutton.button:backdrop:checked {
         color: #d1eaf7;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #1a97d8);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
       button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar .suggested-action.titlebutton.button:backdrop:disabled,
       .titlebar .suggested-action.titlebutton.button:backdrop:disabled {
         color: #545c65;
         border-color: #63686c;
         background-image: linear-gradient(to bottom, #3a3f44);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         button.suggested-action:backdrop:disabled > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
         .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label, button.suggested-action.flat:backdrop:disabled > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled > .label,
         .titlebar .suggested-action.titlebutton.button:backdrop:disabled > .label {
           color: inherit; }
         button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, headerbar .suggested-action.titlebutton.button:backdrop:disabled:active,
         .titlebar .suggested-action.titlebutton.button:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar .suggested-action.titlebutton.button:backdrop:disabled:checked,
         .titlebar .suggested-action.titlebutton.button:backdrop:disabled:checked {
           color: #79b4d2;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #318bba); }
           button.suggested-action:backdrop:disabled:active > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled:active > .label,
           .titlebar .suggested-action.button.titlebutton:backdrop:disabled:active > .label, button.suggested-action:backdrop:disabled:checked > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled:checked > .label,
           .titlebar .suggested-action.button.titlebutton:backdrop:disabled:checked > .label, button.suggested-action.flat:backdrop:disabled:active > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled:active > .label,
           .titlebar .suggested-action.titlebutton.button:backdrop:disabled:active > .label, button.suggested-action.flat:backdrop:disabled:checked > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled:checked > .label,
           .titlebar .suggested-action.titlebutton.button:backdrop:disabled:checked > .label {
             color: inherit; }
     button.suggested-action.flat:backdrop, headerbar .suggested-action.titlebutton.button:backdrop,
     .titlebar .suggested-action.titlebutton.button:backdrop, button.suggested-action.flat:disabled, headerbar .suggested-action.titlebutton.button:disabled,
     .titlebar .suggested-action.titlebutton.button:disabled, button.suggested-action.flat:backdrop:disabled, headerbar .suggested-action.titlebutton.button:backdrop:disabled,
     .titlebar .suggested-action.titlebutton.button:backdrop:disabled {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: rgba(61, 173, 232, 0.8); }
     button.suggested-action:disabled {
       background-color: transparent;
       color: shade(#EEEFF0, 0.5); }
       button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
         background-color: transparent;
         color: shade(#EEEFF0, 0.5); }
     .osd button.suggested-action {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: none;
       background-color: #31363B;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal; }
       .osd button.suggested-action:hover {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked {
         color: #EEEFF0;
         border-color: rgba(35, 38, 41, 0.8);
         background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.suggested-action:disabled, .osd button.suggested-action:backdrop:disabled {
         color: #909396;
         border-color: #3a3f44;
         background-image: none;
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.suggested-action:backdrop {
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
   button.destructive-action, headerbar .destructive-action.button.titlebutton,
   .titlebar .destructive-action.button.titlebutton {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #232629;
     border-color: #d51010;
     background-image: linear-gradient(to bottom, #df1111, #d51010); }
     button.destructive-action.flat, headerbar .destructive-action.titlebutton.button,
     .titlebar .destructive-action.titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: #d51010; }
     button.destructive-action:hover {
       color: white;
       border-color: #d51010;
       background-image: linear-gradient(to bottom, #d51010, #d51010); }
     button.destructive-action:active, button.destructive-action:checked {
       color: white;
       border-color: #d51010;
       background-image: linear-gradient(to bottom, #d51010, shade(#d51010, 0.8)); }
     button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar .destructive-action.titlebutton.button:backdrop,
     .titlebar .destructive-action.titlebutton.button:backdrop {
       color: white;
       border-color: #d51010;
       background-image: linear-gradient(to bottom, #d51010);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
       button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, headerbar .destructive-action.titlebutton.button:backdrop:active,
       .titlebar .destructive-action.titlebutton.button:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar .destructive-action.titlebutton.button:backdrop:checked,
       .titlebar .destructive-action.titlebutton.button:backdrop:checked {
         color: #edcece;
         border-color: #d51010;
         background-image: linear-gradient(to bottom, #a60c0c);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
       button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar .destructive-action.titlebutton.button:backdrop:disabled,
       .titlebar .destructive-action.titlebutton.button:backdrop:disabled {
         color: #545c65;
         border-color: #63686c;
         background-image: linear-gradient(to bottom, #3a3f44);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         button.destructive-action:backdrop:disabled > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled > .label,
         .titlebar .destructive-action.button.titlebutton:backdrop:disabled > .label, button.destructive-action.flat:backdrop:disabled > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled > .label,
         .titlebar .destructive-action.titlebutton.button:backdrop:disabled > .label {
           color: inherit; }
         button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, headerbar .destructive-action.titlebutton.button:backdrop:disabled:active,
         .titlebar .destructive-action.titlebutton.button:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar .destructive-action.titlebutton.button:backdrop:disabled:checked,
         .titlebar .destructive-action.titlebutton.button:backdrop:disabled:checked {
           color: #c36465;
           border-color: #d51010;
           background-image: linear-gradient(to bottom, #a31112); }
           button.destructive-action:backdrop:disabled:active > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled:active > .label,
           .titlebar .destructive-action.button.titlebutton:backdrop:disabled:active > .label, button.destructive-action:backdrop:disabled:checked > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled:checked > .label,
           .titlebar .destructive-action.button.titlebutton:backdrop:disabled:checked > .label, button.destructive-action.flat:backdrop:disabled:active > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled:active > .label,
           .titlebar .destructive-action.titlebutton.button:backdrop:disabled:active > .label, button.destructive-action.flat:backdrop:disabled:checked > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled:checked > .label,
           .titlebar .destructive-action.titlebutton.button:backdrop:disabled:checked > .label {
             color: inherit; }
     button.destructive-action.flat:backdrop, headerbar .destructive-action.titlebutton.button:backdrop,
     .titlebar .destructive-action.titlebutton.button:backdrop, button.destructive-action.flat:disabled, headerbar .destructive-action.titlebutton.button:disabled,
     .titlebar .destructive-action.titlebutton.button:disabled, button.destructive-action.flat:backdrop:disabled, headerbar .destructive-action.titlebutton.button:backdrop:disabled,
     .titlebar .destructive-action.titlebutton.button:backdrop:disabled {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: rgba(213, 16, 16, 0.8); }
     button.destructive-action:disabled {
       background-color: transparent;
       color: shade(#EEEFF0, 0.5); }
       button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
         background-color: transparent;
         color: shade(#EEEFF0, 0.5); }
     .osd button.destructive-action {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: none;
       background-color: #31363B;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal; }
       .osd button.destructive-action:hover {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked {
         color: #EEEFF0;
         border-color: rgba(35, 38, 41, 0.8);
         background-image: linear-gradient(to bottom, #d51010, shade(#d51010, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.destructive-action:disabled, .osd button.destructive-action:backdrop:disabled {
         color: #909396;
         border-color: #3a3f44;
         background-image: none;
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.destructive-action:backdrop {
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
   button.image-button, headerbar .titlebutton.button,
   .titlebar .titlebutton.button {
     padding: 8px; }
   button.text-button, headerbar .text-button.button.titlebutton,
   .titlebar .text-button.button.titlebutton {
     padding-left: 16px;
     padding-right: 16px; }
   button.text-button.image-button, headerbar .text-button.titlebutton.button,
   .titlebar .text-button.titlebutton.button {
     padding: 5px 8px 6px; }
     button.text-button.image-button .label:first-child, headerbar .text-button.titlebutton.button .label:first-child,
     .titlebar .text-button.titlebutton.button .label:first-child {
       padding-left: 8px; }
     button.text-button.image-button .label:last-child, headerbar .text-button.titlebutton.button .label:last-child,
     .titlebar .text-button.titlebutton.button .label:last-child {
       padding-right: 8px; }
   .stack-switcher > button, headerbar .stack-switcher > button.titlebutton,
   .titlebar .stack-switcher > button.titlebutton {
     outline-offset: -3px; }
     .stack-switcher > button > .label {
       padding-left: 6px;
       padding-right: 6px; }
     .stack-switcher > button > image, headerbar .stack-switcher > button.titlebutton > image,
     .titlebar .stack-switcher > button.titlebutton > image {
       padding-left: 6px;
       padding-right: 6px;
       padding-top: 3px;
       padding-bottom: 3px; }
     .stack-switcher > button.text-button, headerbar .stack-switcher > .text-button.button.titlebutton,
     .titlebar .stack-switcher > .text-button.button.titlebutton {
       padding: 5px 10px 6px; }
     .stack-switcher > button.image-button, headerbar .stack-switcher > .titlebutton.button,
     .titlebar .stack-switcher > .titlebutton.button {
       padding: 5px 2px; }
     .stack-switcher > button.needs-attention:active > .label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > .label, .stack-switcher > button.needs-attention:checked > image {
       animation: none;
       background-image: none; }
   .inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
   .inline-toolbar .titlebar button.titlebutton,
   .titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop {
     border-radius: 2px;
     border-width: 1px; }
   .primary-toolbar button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton,
   .primary-toolbar .titlebar button.titlebutton,
   .titlebar .primary-toolbar button.titlebutton {
     -gtk-icon-shadow: none; }
 
 .stack-switcher > button.needs-attention > .label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > .label {
   animation: needs_attention 150ms ease-in;
   background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#81caf0), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.83059)), to(transparent));
   background-size: 6px 6px, 6px 6px;
   background-repeat: no-repeat;
   background-position: right 3px, right 2px; }
   .stack-switcher > button.needs-attention > .label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > .label:backdrop {
     background-size: 6px 6px, 0 0; }
   .stack-switcher > button.needs-attention > .label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
     background-position: left 3px, left 2px; }
 
 .inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton,
 .inline-toolbar .titlebar toolbutton > button.titlebutton,
 .titlebar .inline-toolbar toolbutton > button.titlebutton {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   color: #EEEFF0;
   border-color: #696D71;
   background-image: linear-gradient(to bottom, #363b41, #31363b); }
   .inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:hover {
     color: #EEEFF0;
     border-color: #3DADE8;
     background-image: linear-gradient(to bottom, #31363b, #31363b); }
   .inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton > button.titlebutton:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton > button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:checked {
     color: #31363B;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
   .inline-toolbar toolbutton > button:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled {
     color: #909396;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3a3f44);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
     .inline-toolbar toolbutton > button:disabled > .label {
       color: inherit; }
   .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:active, .inline-toolbar toolbutton > button:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:checked {
     color: #909396;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
     .inline-toolbar toolbutton > button:disabled:active > .label, .inline-toolbar toolbutton > button:disabled:checked > .label {
       color: inherit; }
   .inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop {
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #31363B);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
   .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked {
     color: #606468;
     border-color: #63686c;
     background-image: linear-gradient(to bottom, #43484c);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
   .inline-toolbar toolbutton > button:backdrop:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled {
     color: #545c65;
     border-color: #63686c;
     background-image: linear-gradient(to bottom, #3a3f44);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     .inline-toolbar toolbutton > button:backdrop:disabled > .label {
       color: inherit; }
   .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:checked {
     color: #545c65;
     border-color: #63686c;
     background-image: linear-gradient(to bottom, #2e3236); }
     .inline-toolbar toolbutton > button:backdrop:disabled:active > .label, .inline-toolbar toolbutton > button:backdrop:disabled:checked > .label {
       color: inherit; }
 
 .inline-toolbar toolbutton > button.flat:dir(rtl), .inline-toolbar headerbar toolbutton > button.titlebutton:dir(rtl), headerbar .inline-toolbar toolbutton > button.titlebutton:dir(rtl),
 .inline-toolbar .titlebar toolbutton > button.titlebutton:dir(rtl),
 .titlebar .inline-toolbar toolbutton > button.titlebutton:dir(rtl),
 .inline-toolbar toolbutton:backdrop > button.flat:dir(rtl), .inline-toolbar.toolbar toolbutton:dir(rtl) > button.flat, .inline-toolbar toolbutton:dir(rtl) > button.flat, .inline-toolbar.search-bar toolbutton:dir(rtl) > button.flat, .inline-toolbar.location-bar toolbutton:dir(rtl) > button.flat, .inline-toolbar headerbar toolbutton:dir(rtl) > button.titlebutton, headerbar .inline-toolbar toolbutton:dir(rtl) > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:dir(rtl) > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:dir(rtl) > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:dir(rtl) > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:dir(rtl) > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:dir(rtl) > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:dir(rtl) > button.titlebutton, .osd button:dir(rtl):hover, .osd button:dir(rtl):active, .osd button:dir(rtl):checked, .osd button:dir(rtl):disabled, .osd button:dir(rtl):backdrop, .osd button.suggested-action:dir(rtl), .osd button.destructive-action:dir(rtl), .inline-toolbar button:dir(rtl), .linked > button:dir(rtl), headerbar .linked > button.titlebutton:dir(rtl),
 .titlebar .linked > button.titlebutton:dir(rtl), combobox.combobox-entry entry:dir(rtl), combobox.combobox-entry button:dir(rtl), .linked > combobox > button:dir(rtl) {
   border-radius: 3px; }
 
 .osd button:first-child:hover, .osd button:first-child:active, .osd button:first-child:checked, .osd button:first-child:disabled, .osd button:first-child:backdrop, .osd button.suggested-action:first-child, .osd button.destructive-action:first-child, .inline-toolbar button:first-child, .linked > button:first-child, headerbar .linked > button.titlebutton:first-child,
 .titlebar .linked > button.titlebutton:first-child, .inline-toolbar.toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar.search-bar toolbutton:first-child > button.flat, .inline-toolbar.location-bar toolbutton:first-child > button.flat, .inline-toolbar headerbar toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:first-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:first-child > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.combobox-entry entry:first-child, combobox.combobox-entry button:first-child, .linked > combobox:first-child > button {
   border-radius: 3px 3px 3px 3px;
   border-left-style: solid; }
 .osd button:last-child:hover, .osd button:last-child:active, .osd button:last-child:checked, .osd button:last-child:disabled, .osd button:last-child:backdrop, .osd button.suggested-action:last-child, .osd button.destructive-action:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child,
 .titlebar .linked > button.titlebutton:last-child, .inline-toolbar.toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar.search-bar toolbutton:last-child > button.flat, .inline-toolbar.location-bar toolbutton:last-child > button.flat, .inline-toolbar headerbar toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:last-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:last-child > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, combobox.combobox-entry entry:last-child, combobox.combobox-entry button:last-child, .linked > combobox:last-child > button {
   border-radius: 3px 3px 3px 3px; }
   .osd button:last-child:dir(rtl):hover, .osd button:last-child:dir(rtl):active, .osd button:last-child:dir(rtl):checked, .osd button:last-child:dir(rtl):disabled, .osd button:last-child:dir(rtl):backdrop, .osd button.suggested-action:last-child:dir(rtl), .osd button.destructive-action:last-child:dir(rtl), .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), headerbar .linked > button.titlebutton:last-child:dir(rtl),
   .titlebar .linked > button.titlebutton:last-child:dir(rtl), .inline-toolbar toolbutton:last-child > button.flat:dir(rtl), .inline-toolbar headerbar toolbutton:last-child > button.titlebutton:dir(rtl), headerbar .inline-toolbar toolbutton:last-child > button.titlebutton:dir(rtl),
   .inline-toolbar .titlebar toolbutton:last-child > button.titlebutton:dir(rtl),
   .titlebar .inline-toolbar toolbutton:last-child > button.titlebutton:dir(rtl),
   .inline-toolbar toolbutton:backdrop:last-child > button.flat:dir(rtl), .inline-toolbar.toolbar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar.search-bar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar.location-bar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar headerbar toolbutton:last-child:dir(rtl) > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child:dir(rtl) > button.titlebutton,
   .inline-toolbar .titlebar toolbutton:last-child:dir(rtl) > button.titlebutton,
   .titlebar .inline-toolbar toolbutton:last-child:dir(rtl) > button.titlebutton,
   .inline-toolbar.toolbar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar.search-bar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar.location-bar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar headerbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
   headerbar .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
   .inline-toolbar .titlebar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
   .titlebar .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton, combobox.combobox-entry entry:last-child:dir(rtl), combobox.combobox-entry button:last-child:dir(rtl), .linked > combobox:last-child > button:dir(rtl) {
     border-right-style: solid; }
 .osd button:only-child:hover, .osd button:only-child:active, .osd button:only-child:checked, .osd button:only-child:disabled, .osd button:only-child:backdrop, .osd button.suggested-action:only-child, .osd button.destructive-action:only-child, .inline-toolbar button:only-child, .linked > button:only-child, headerbar .linked > button.titlebutton:only-child,
 .titlebar .linked > button.titlebutton:only-child, .inline-toolbar.toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar.search-bar toolbutton:only-child > button.flat, .inline-toolbar.location-bar toolbutton:only-child > button.flat, .inline-toolbar headerbar toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:only-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:only-child > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, combobox.combobox-entry entry:only-child, combobox.combobox-entry button:only-child, .linked > combobox:only-child > button {
   border-radius: 3px;
   border-style: solid; }
 
 .linked.vertical > entry, .linked.vertical > button, headerbar .linked.vertical > button.titlebutton,
 .titlebar .linked.vertical > button.titlebutton, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > comboboxText > button,
 .linked.vertical > combobox > button {
   border-left-style: solid;
   border-bottom-style: none;
   border-radius: 3px; }
 
 .linked.vertical > entry:first-child, .linked.vertical > button:first-child, headerbar .linked.vertical > button.titlebutton:first-child,
 .titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > comboboxText:first-child > button,
 .linked.vertical > combobox:first-child > button {
   border-radius: 3px 3px 3px 3px; }
 .linked.vertical > entry:last-child, .linked.vertical > button:last-child, headerbar .linked.vertical > button.titlebutton:last-child,
 .titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > comboboxText:last-child > button,
 .linked.vertical > combobox:last-child > button {
   border-radius: 3px 3px 3px 3px;
   border-style: solid; }
 .linked.vertical > entry:only-child, .linked.vertical > button:only-child, headerbar .linked.vertical > button.titlebutton:only-child,
 .titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > comboboxText:only-child > button,
 .linked.vertical > combobox:only-child > button {
   border-radius: 3px;
   border-style: solid; }
 
 menuitem.button.flat, headerbar menuitem.titlebutton.button,
 .titlebar menuitem.titlebutton.button, menuitem.button.flat:backdrop, menuitem.button.flat:backdrop:hover, headerbar menuitem.titlebutton.button:backdrop:hover,
 .titlebar menuitem.titlebutton.button:backdrop:hover, button:link, headerbar button.titlebutton:link,
 .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
 .titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link:backdrop, button:visited:backdrop, menu.button, headerbar menu.button.titlebutton,
 .titlebar menu.button.titlebutton, list-row.button, headerbar list-row.button.titlebutton,
 .titlebar list-row.button.titlebutton,
 list-row.button:backdrop,
 list-row.button:backdrop:active,
 list-row.button:backdrop:checked,
 list-row.button:backdrop:disabled,
 list-row.button:backdrop:disabled:active,
 list-row.button:backdrop:disabled:checked,
 list-row.button:disabled:active,
 list-row.button:disabled:checked, .app-notification button.flat, .app-notification headerbar .titlebutton.button, headerbar .app-notification .titlebutton.button,
 .app-notification .titlebar .titlebutton.button,
 .titlebar .app-notification .titlebutton.button,
 .app-notification.frame button.flat, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, .app-notification headerbar .titlebutton.button:backdrop:disabled, headerbar .app-notification .titlebutton.button:backdrop:disabled,
 .app-notification .titlebar .titlebutton.button:backdrop:disabled,
 .titlebar .app-notification .titlebutton.button:backdrop:disabled,
 .app-notification.frame button.flat:backdrop,
 .app-notification.frame headerbar button.titlebutton:backdrop,
 headerbar .app-notification.frame button.titlebutton:backdrop,
 .app-notification.frame .titlebar button.titlebutton:backdrop,
 .titlebar .app-notification.frame button.titlebutton:backdrop,
 .app-notification.frame button.flat:disabled,
 .app-notification.frame headerbar button.titlebutton:disabled,
 headerbar .app-notification.frame button.titlebutton:disabled,
 .app-notification.frame .titlebar button.titlebutton:disabled,
 .titlebar .app-notification.frame button.titlebutton:disabled,
 .app-notification.frame button.flat:backdrop:disabled, calendar.button, headerbar calendar.button.titlebutton,
 .titlebar calendar.button.titlebutton, calendar.button:hover, calendar.button:backdrop, scale-popup button:hover, scale-popup button:backdrop, scale-popup button:backdrop:hover, scale-popup button:backdrop:disabled {
   border-color: transparent;
   background-color: transparent;
   background-image: none;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
   text-shadow: none;
   -gtk-icon-shadow: none; }
 
 /* menu buttons */
 menuitem.button.flat, headerbar menuitem.titlebutton.button,
 .titlebar menuitem.titlebutton.button {
   outline-offset: -1px; }
   menuitem.button.flat:hover, headerbar menuitem.titlebutton.button:hover,
   .titlebar menuitem.titlebutton.button:hover {
     background-color: #44494d; }
 
 button.color, headerbar button.color.titlebutton,
 .titlebar button.color.titlebutton {
   padding: 5px; }
   button.color colorswatch:first-child:last-child {
     border-radius: 0;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
     button.color colorswatch:first-child:last-child:disabled, button.color colorswatch:first-child:last-child:backdrop {
       box-shadow: none; }
 
 /*********
  * Links *
  *********/
 *:link, button:link, headerbar button.titlebutton:link,
 .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
 .titlebar button.titlebutton:visited {
   color: #98d4f3; }
   *:link:visited, button:visited, headerbar button.titlebutton:visited,
   .titlebar button.titlebutton:visited {
     color: #6bc0ed; }
     *:selected *:link:visited, *:selected button:visited {
       color: #a7d5ed; }
   *:link:hover, button:hover:link, button:hover:visited {
     color: #c6e7f8; }
     *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited {
       color: #dce8ef; }
   *:link:active, button:active:link, button:active:visited {
     color: #98d4f3; }
     *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
       color: #cbe2ee; }
   *:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link,
   headerbar.selection-mode .subtitle:backdrop:hover:link {
     color: #3DADE8; }
   *:link:selected, button:selected:link, button:selected:visited, .titlebar.selection-mode .subtitle:link,
   headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
     color: #cbe2ee; }
 
 button:link, headerbar button.titlebutton:link,
 .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
 .titlebar button.titlebutton:visited {
   text-shadow: none; }
   button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked {
     text-shadow: none; }
 
 /*****************
  * GtkSpinButton *
  *****************/
 spinbutton button, spinbutton headerbar button.titlebutton, headerbar spinbutton button.titlebutton,
 spinbutton .titlebar button.titlebutton,
 .titlebar spinbutton button.titlebutton {
   background-image: none;
   border-style: none none none solid;
   border-color: rgba(105, 109, 113, 0.3);
   color: #dadbdc;
   border-radius: 0;
   box-shadow: none; }
   spinbutton button:dir(rtl) {
     border-style: none solid none none; }
   spinbutton button:hover {
     color: #EEEFF0;
     background-color: rgba(238, 239, 240, 0.05); }
   spinbutton button:disabled {
     color: rgba(144, 147, 150, 0.3); }
   spinbutton button:active {
     box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
     background-color: rgba(0, 0, 0, 0.1); }
   spinbutton button:backdrop {
     color: #5a5e62;
     border-color: rgba(99, 104, 108, 0.3);
     background-color: transparent; }
   spinbutton button:backdrop:disabled {
     background-image: none;
     color: rgba(84, 92, 101, 0.3);
     border-style: none none none solid; }
     spinbutton button:backdrop:disabled:dir(rtl) {
       border-style: none solid none none; }
 .osd spinbutton button {
   border-color: rgba(255, 255, 255, 0);
   background-color: transparent;
   background-image: none;
   box-shadow: none;
   text-shadow: none;
   -gtk-icon-shadow: none;
   color: #EEEFF0;
   border-style: none none none solid;
   border-color: rgba(0, 0, 0, 0.4);
   border-radius: 0;
   box-shadow: none;
   -gtk-icon-shadow: 0 1px black; }
   .osd spinbutton button:dir(rtl) {
     border-style: none solid none none; }
   .osd spinbutton button:hover {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #EEEFF0;
     border-color: rgba(0, 0, 0, 0.5);
     background-color: rgba(238, 239, 240, 0.1);
     -gtk-icon-shadow: 0 1px black;
     box-shadow: none; }
   .osd spinbutton button:backdrop {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #EEEFF0;
     border-color: rgba(0, 0, 0, 0.5);
     -gtk-icon-shadow: none;
     box-shadow: none; }
   .osd spinbutton button:disabled {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #898b8d;
     border-color: rgba(0, 0, 0, 0.5);
     -gtk-icon-shadow: none;
     box-shadow: none; }
   .osd spinbutton button:last-child {
     border-radius: 0 3px 3px 0; }
   .osd spinbutton button:dir(rtl):first-child {
     border-radius: 3px 0 0 3px; }
 spinbutton.vertical button, spinbutton.vertical:dir(rtl) button {
   padding-top: 8px;
   padding-bottom: 8px; }
   spinbutton.vertical button:first-child, spinbutton.vertical:dir(rtl) button:first-child {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #363b41, #31363b); }
     spinbutton.vertical button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:active {
       color: #31363B;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
     spinbutton.vertical button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #31363b, #31363b); }
     spinbutton.vertical button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:disabled {
       color: #909396;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3a3f44);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       spinbutton.vertical button:first-child:disabled > .label, spinbutton.vertical headerbar button.titlebutton:first-child:disabled > .label,
       spinbutton.vertical .titlebar button.titlebutton:first-child:disabled > .label, spinbutton.vertical:dir(rtl) button:first-child:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:first-child:disabled > .label,
       spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:first-child:disabled > .label {
         color: inherit; }
     spinbutton.vertical button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child:backdrop {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #31363B);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   spinbutton.vertical button:last-child, spinbutton.vertical:dir(rtl) button:last-child {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #363b41, #31363b); }
     spinbutton.vertical button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:active {
       color: #31363B;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
     spinbutton.vertical button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #31363b, #31363b); }
     spinbutton.vertical button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:disabled {
       color: #909396;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3a3f44);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
       spinbutton.vertical button:last-child:disabled > .label, spinbutton.vertical headerbar button.titlebutton:last-child:disabled > .label,
       spinbutton.vertical .titlebar button.titlebutton:last-child:disabled > .label, spinbutton.vertical:dir(rtl) button:last-child:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:last-child:disabled > .label,
       spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:last-child:disabled > .label {
         color: inherit; }
     spinbutton.vertical button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child:backdrop {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #31363B);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
   spinbutton.vertical button:backdrop:disabled, spinbutton.vertical:dir(rtl) button:backdrop:disabled {
     color: #545c65;
     border-color: #63686c;
     background-image: linear-gradient(to bottom, #3a3f44);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     spinbutton.vertical button:backdrop:disabled > .label, spinbutton.vertical headerbar button.titlebutton:backdrop:disabled > .label,
     spinbutton.vertical .titlebar button.titlebutton:backdrop:disabled > .label, spinbutton.vertical:dir(rtl) button:backdrop:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:backdrop:disabled > .label,
     spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:backdrop:disabled > .label {
       color: inherit; }
 spinbutton.vertical.entry, spinbutton.vertical:dir(rtl).entry {
   border-radius: 0;
   padding-left: 3px;
   padding-right: 3px; }
 spinbutton.vertical button:first-child, spinbutton.vertical:dir(rtl) button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:hover, spinbutton.vertical button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:disabled, spinbutton.vertical button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child, spinbutton.vertical:dir(rtl) button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:backdrop {
   border-radius: 3px 3px 0 0;
   border-style: solid solid none solid; }
 spinbutton.vertical button:last-child, spinbutton.vertical:dir(rtl) button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:hover, spinbutton.vertical button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:disabled, spinbutton.vertical button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child, spinbutton.vertical:dir(rtl) button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:backdrop {
   border-radius: 0 0 3px 3px;
   border-style: none solid solid solid; }
 treeview spinbutton.entry, treeview spinbutton.entry:focus {
   padding: 1px;
   border-width: 1px 0;
   border-color: #3DADE8;
   border-radius: 0;
   box-shadow: none; }
 
 /**************
  * ComboBoxes *
  **************/
 combobox {
   -combobox-arrow-scaling: 0.5;
   -combobox-shadow-type: none;
   box-shadow: 0 1px rgba(238, 239, 240, 0.1); }
   combobox > button, headerbar combobox > button.titlebutton,
   .titlebar combobox > button.titlebutton {
     padding-top: 3px;
     padding-bottom: 4px; }
   combobox:disabled {
     color: #909396;
     text-shadow: none;
     -gtk-icon-shadow: none; }
   combobox:backdrop {
     color: #606468;
     text-shadow: none;
     -gtk-icon-shadow: none; }
   combobox:backdrop:disabled {
     color: #545c65; }
   combobox menuitem {
     text-shadow: none; }
   combobox .separator.vertical, combobox placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view combobox .vertical.separator {
     -GtkWidget-wide-separators: true; }
 
 /************
  * Toolbars *
  ************/
 .toolbar, .inline-toolbar, .search-bar, .location-bar {
   -GtkWidget-window-dragging: true;
   padding: 4px;
   background-color: #31363B; }
   .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar {
     padding: 13px;
     border: none;
     border-radius: 5px;
     background-color: rgba(35, 38, 41, 0.8); }
 
 .inline-toolbar {
   border-width: 0 1px 1px;
   padding: 3px;
   border-radius: 0  0 3px 3px; }
 
 .search-bar, .location-bar {
   border-width: 0 0 1px;
   padding: 3px; }
 
 .inline-toolbar, .search-bar, .location-bar {
   border-style: solid;
   border-color: #696D71;
   text-shadow: none;
   background-color: #31363B; }
   .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop {
     border-color: #63686c;
     background-color: #43484c;
     box-shadow: none; }
 
 /***************
  * Header bars *
  ***************/
 .titlebar,
 headerbar {
   padding: 2px 6px;
   border-width: 0px 0px 2px 0px;
   border-style: solid;
   border-color: #3DADE8;
   border-radius: 0;
   color: #EEEFF0;
   background-image: none;
   background-color: #31363B;
   box-shadow: none; }
   .titlebar:backdrop,
   headerbar:backdrop {
     border-color: transparent;
     background-color: #31363B;
     background-image: none;
     box-shadow: none;
     color: #606468; }
   .titlebar .path-bar button,
   headerbar .path-bar button {
     color: #EEEFF0; }
   .titlebar button,
   .titlebar button.titlebutton,
   headerbar button,
   headerbar button.titlebutton {
     background-color: #31363B;
     color: #EEEFF0;
     background-image: none;
     border-color: transparent;
     box-shadow: none; }
     .titlebar button.flat,
     .titlebar .titlebutton.button,
     headerbar button.flat,
     headerbar .titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .titlebar button:hover,
     headerbar button:hover {
       border-color: #3DADE8; }
     .titlebar button:active, .titlebar button:checked,
     headerbar button:active,
     headerbar button:checked {
       color: #31363B;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
       border-color: #31363B;
       box-shadow: none; }
       .titlebar button:active:hover, .titlebar button:checked:hover,
       headerbar button:active:hover,
       headerbar button:checked:hover {
         color: #31363B;
         border-color: #696D71;
         background-image: linear-gradient(to bottom, #96CDF1, #86B7D7);
         border-color: #31363B;
         box-shadow: none; }
       .titlebar button:active:backdrop, .titlebar button:checked:backdrop,
       headerbar button:active:backdrop,
       headerbar button:checked:backdrop {
         background-image: none;
         background-color: #31363B;
         border-color: #31363B; }
     .titlebar button.suggested-action,
     headerbar button.suggested-action {
       background-color: shade(#3DADE8, 1.1); }
       .titlebar button.suggested-action:hover,
       headerbar button.suggested-action:hover {
         background-color: #3DADE8; }
       .titlebar button.suggested-action:disabled,
       headerbar button.suggested-action:disabled {
         background-color: #31363B;
         color: shade(#EEEFF0, 0.5); }
         .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked,
         headerbar button.suggested-action:disabled:active,
         headerbar button.suggested-action:disabled:checked {
           background-color: #31363B;
           color: shade(#EEEFF0, 0.5); }
     .titlebar button:backdrop,
     headerbar button:backdrop {
       background-color: #31363B;
       color: #606468; }
     .titlebar button.flat:backdrop,
     .titlebar .titlebutton.button:backdrop, .titlebar button.flat:backdrop:disabled,
     .titlebar .titlebutton.button:backdrop:disabled, .titlebar button:disabled:backdrop,
     headerbar button.flat:backdrop,
     headerbar .titlebutton.button:backdrop,
     headerbar button.flat:backdrop:disabled,
     headerbar .titlebutton.button:backdrop:disabled,
     headerbar button:disabled:backdrop {
       background-image: none;
       background-color: #31363B;
       color: #606468; }
     .titlebar button.flat:disabled,
     .titlebar .titlebutton.button:disabled,
     headerbar button.flat:disabled,
     headerbar .titlebutton.button:disabled {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .titlebar button:disabled,
     headerbar button:disabled {
       background-color: #31363B;
       color: shade(#EEEFF0, 0.5); }
       .titlebar button:disabled:active, .titlebar button:disabled:checked,
       headerbar button:disabled:active,
       headerbar button:disabled:checked {
         color: #909396;
         border-color: #696D71;
         background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
         .titlebar button:disabled:active > .label, .titlebar headerbar button.titlebutton:disabled:active > .label, .titlebar button:disabled:checked > .label, .titlebar headerbar button.titlebutton:disabled:checked > .label,
         headerbar button:disabled:active > .label,
         headerbar .titlebar button.titlebutton:disabled:active > .label,
         headerbar button:disabled:checked > .label,
         headerbar .titlebar button.titlebutton:disabled:checked > .label {
           color: inherit; }
   .titlebar .title,
   headerbar .title {
     font-weight: normal;
     padding: 0px 12px; }
   .titlebar .subtitle,
   headerbar .subtitle {
     font-size: smaller;
     padding: 0 12px; }
   .titlebar .header-bar-separator, .titlebar > box > .separator.vertical,
   placessidebar.sidebar .view .titlebar > box > .vertical.separator:backdrop,
   headerbar .header-bar-separator,
   headerbar > box > .separator.vertical,
   placessidebar.sidebar .view headerbar > box > .vertical.separator:backdrop {
     -GtkWidget-wide-separators: true;
     -GtkWidget-separator-width: 1px;
     border-width: 0 1px;
     border-image: linear-gradient(to bottom, rgba(105, 109, 113, 0), #696D71 30%, #696D71 70%, rgba(105, 109, 113, 0) 100%) 0 1/0 1px stretch; }
     .titlebar .header-bar-separator:backdrop, .titlebar > box > .separator.vertical:backdrop,
     headerbar .header-bar-separator:backdrop,
     headerbar > box > .separator.vertical:backdrop {
       border-image: linear-gradient(to bottom, rgba(99, 104, 108, 0.5)) 0 1/1px 1px; }
   .titlebar.selection-mode,
   headerbar.selection-mode {
     color: #EEEFF0;
     text-shadow: none;
     border-color: #3DADE8;
     background-image: none;
     background-color: #31363B;
     box-shadow: none; }
     .titlebar.selection-mode:backdrop,
     headerbar.selection-mode:backdrop {
       background-image: none;
       background-color: #31363B;
       box-shadow: none; }
     .titlebar.selection-mode button,
     headerbar.selection-mode button {
       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
       .titlebar.selection-mode button.flat,
       .titlebar.selection-mode .titlebutton.button,
       headerbar.selection-mode button.flat,
       headerbar.selection-mode .titlebutton.button {
         border-color: rgba(255, 255, 255, 0);
         background-color: transparent;
         background-image: none;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .titlebar.selection-mode button:hover,
       headerbar.selection-mode button:hover {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
       .titlebar.selection-mode button:active, .titlebar.selection-mode button:checked,
       headerbar.selection-mode button:active,
       headerbar.selection-mode button:checked {
         color: #31363B;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
       .titlebar.selection-mode button:backdrop, .titlebar.selection-mode button.flat:backdrop,
       .titlebar.selection-mode .titlebutton.button:backdrop,
       headerbar.selection-mode button:backdrop,
       headerbar.selection-mode button.flat:backdrop,
       headerbar.selection-mode .titlebutton.button:backdrop {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3DADE8);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0);
         -gtk-icon-effect: none;
         border-color: #3DADE8; }
         .titlebar.selection-mode button:backdrop:active, .titlebar.selection-mode button:backdrop:checked, .titlebar.selection-mode button.flat:backdrop:active,
         .titlebar.selection-mode .titlebutton.button:backdrop:active, .titlebar.selection-mode button.flat:backdrop:checked,
         .titlebar.selection-mode .titlebutton.button:backdrop:checked,
         headerbar.selection-mode button:backdrop:active,
         headerbar.selection-mode button:backdrop:checked,
         headerbar.selection-mode button.flat:backdrop:active,
         headerbar.selection-mode .titlebutton.button:backdrop:active,
         headerbar.selection-mode button.flat:backdrop:checked,
         headerbar.selection-mode .titlebutton.button:backdrop:checked {
           color: #606468;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #1a97d8);
           box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0);
           border-color: #3DADE8; }
         .titlebar.selection-mode button:backdrop:disabled, .titlebar.selection-mode button.flat:backdrop:disabled,
         .titlebar.selection-mode .titlebutton.button:backdrop:disabled,
         headerbar.selection-mode button:backdrop:disabled,
         headerbar.selection-mode button.flat:backdrop:disabled,
         headerbar.selection-mode .titlebutton.button:backdrop:disabled {
           color: #78b7d8;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #3999cb);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0);
           border-color: #3DADE8; }
           .titlebar.selection-mode button:backdrop:disabled > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled > .label, .titlebar.selection-mode button.flat:backdrop:disabled > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled > .label,
           .titlebar.selection-mode .titlebutton.button:backdrop:disabled > .label,
           headerbar.selection-mode button:backdrop:disabled > .label,
           headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled > .label,
           headerbar.selection-mode button.flat:backdrop:disabled > .label,
           headerbar.selection-mode .titlebutton.button:backdrop:disabled > .label,
           headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled > .label {
             color: inherit; }
         .titlebar.selection-mode button:backdrop:disabled:active, .titlebar.selection-mode button:backdrop:disabled:checked, .titlebar.selection-mode button.flat:backdrop:disabled:active,
         .titlebar.selection-mode .titlebutton.button:backdrop:disabled:active, .titlebar.selection-mode button.flat:backdrop:disabled:checked,
         .titlebar.selection-mode .titlebutton.button:backdrop:disabled:checked,
         headerbar.selection-mode button:backdrop:disabled:active,
         headerbar.selection-mode button:backdrop:disabled:checked,
         headerbar.selection-mode button.flat:backdrop:disabled:active,
         headerbar.selection-mode .titlebutton.button:backdrop:disabled:active,
         headerbar.selection-mode button.flat:backdrop:disabled:checked,
         headerbar.selection-mode .titlebutton.button:backdrop:disabled:checked {
           color: #73aecd;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #318bba);
           border-color: #3DADE8; }
           .titlebar.selection-mode button:backdrop:disabled:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled:active > .label, .titlebar.selection-mode button:backdrop:disabled:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled:checked > .label, .titlebar.selection-mode button.flat:backdrop:disabled:active > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled:active > .label,
           .titlebar.selection-mode .titlebutton.button:backdrop:disabled:active > .label, .titlebar.selection-mode button.flat:backdrop:disabled:checked > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled:checked > .label,
           .titlebar.selection-mode .titlebutton.button:backdrop:disabled:checked > .label,
           headerbar.selection-mode button:backdrop:disabled:active > .label,
           headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled:active > .label,
           headerbar.selection-mode button:backdrop:disabled:checked > .label,
           headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled:checked > .label,
           headerbar.selection-mode button.flat:backdrop:disabled:active > .label,
           headerbar.selection-mode .titlebutton.button:backdrop:disabled:active > .label,
           headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled:active > .label,
           headerbar.selection-mode button.flat:backdrop:disabled:checked > .label,
           headerbar.selection-mode .titlebutton.button:backdrop:disabled:checked > .label,
           headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled:checked > .label {
             color: inherit; }
       .titlebar.selection-mode button.flat:backdrop,
       .titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode button.flat:disabled,
       .titlebar.selection-mode .titlebutton.button:disabled, .titlebar.selection-mode button.flat:disabled:backdrop,
       .titlebar.selection-mode .titlebutton.button:disabled:backdrop,
       headerbar.selection-mode button.flat:backdrop,
       headerbar.selection-mode .titlebutton.button:backdrop,
       headerbar.selection-mode button.flat:disabled,
       headerbar.selection-mode .titlebutton.button:disabled,
       headerbar.selection-mode button.flat:disabled:backdrop,
       headerbar.selection-mode .titlebutton.button:disabled:backdrop {
         border-color: rgba(255, 255, 255, 0);
         background-color: transparent;
         background-image: none;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .titlebar.selection-mode button:disabled,
       headerbar.selection-mode button:disabled {
         color: #909396;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3999cb);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
         .titlebar.selection-mode button:disabled > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled > .label,
         headerbar.selection-mode button:disabled > .label,
         headerbar.selection-mode .titlebar button.titlebutton:disabled > .label {
           color: inherit; }
         .titlebar.selection-mode button:disabled:active, .titlebar.selection-mode button:disabled:checked,
         headerbar.selection-mode button:disabled:active,
         headerbar.selection-mode button:disabled:checked {
           color: #a2c7da;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #328ebf, #318bba); }
           .titlebar.selection-mode button:disabled:active > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled:active > .label, .titlebar.selection-mode button:disabled:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled:checked > .label,
           headerbar.selection-mode button:disabled:active > .label,
           headerbar.selection-mode .titlebar button.titlebutton:disabled:active > .label,
           headerbar.selection-mode button:disabled:checked > .label,
           headerbar.selection-mode .titlebar button.titlebutton:disabled:checked > .label {
             color: inherit; }
       .titlebar.selection-mode button.suggested-action,
       headerbar.selection-mode button.suggested-action {
         box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
         color: #EEEFF0;
         border-color: #696D71;
         background-image: linear-gradient(to bottom, #363b41, #31363b);
         border-color: #3DADE8; }
         .titlebar.selection-mode button.suggested-action:hover,
         headerbar.selection-mode button.suggested-action:hover {
           color: #EEEFF0;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #31363b, #31363b);
           border-color: #3DADE8; }
         .titlebar.selection-mode button.suggested-action:active,
         headerbar.selection-mode button.suggested-action:active {
           color: #31363B;
           border-color: #696D71;
           background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
           border-color: #3DADE8; }
         .titlebar.selection-mode button.suggested-action:disabled,
         headerbar.selection-mode button.suggested-action:disabled {
           color: #909396;
           border-color: #696D71;
           background-image: linear-gradient(to bottom, #3a3f44);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1);
           border-color: #3DADE8; }
           .titlebar.selection-mode button.suggested-action:disabled > .label, .titlebar.selection-mode headerbar .suggested-action.button.titlebutton:disabled > .label,
           headerbar.selection-mode button.suggested-action:disabled > .label,
           headerbar.selection-mode .titlebar .suggested-action.button.titlebutton:disabled > .label {
             color: inherit; }
         .titlebar.selection-mode button.suggested-action:backdrop,
         headerbar.selection-mode button.suggested-action:backdrop {
           color: #EEEFF0;
           border-color: #696D71;
           background-image: linear-gradient(to bottom, #31363B);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0);
           border-color: #3DADE8; }
         .titlebar.selection-mode button.suggested-action:backdrop:disabled,
         headerbar.selection-mode button.suggested-action:backdrop:disabled {
           color: #545c65;
           border-color: #63686c;
           background-image: linear-gradient(to bottom, #3a3f44);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0);
           border-color: #3DADE8; }
           .titlebar.selection-mode button.suggested-action:backdrop:disabled > .label, .titlebar.selection-mode headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
           headerbar.selection-mode button.suggested-action:backdrop:disabled > .label,
           headerbar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label {
             color: inherit; }
     .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop,
     headerbar.selection-mode .selection-menu,
     headerbar.selection-mode .selection-menu:backdrop {
       border-color: rgba(61, 173, 232, 0);
       background-image: linear-gradient(to bottom, rgba(61, 173, 232, 0));
       box-shadow: none;
       padding-left: 10px;
       padding-right: 10px; }
       .titlebar.selection-mode .selection-menu arrow, .titlebar.selection-mode .selection-menu:backdrop arrow,
       headerbar.selection-mode .selection-menu arrow,
       headerbar.selection-mode .selection-menu:backdrop arrow {
         -arrow-arrow-scaling: 1; }
       .titlebar.selection-mode .selection-menu .arrow,
       headerbar.selection-mode .selection-menu .arrow {
         -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
         color: rgba(238, 239, 240, 0.5);
         -gtk-icon-shadow: none; }
   .tiled .titlebar, .maximized .titlebar, .tiled
   headerbar, .maximized
   headerbar {
     border-radius: 0; }
   .titlebar.default-decoration,
   headerbar.default-decoration {
     padding: 4px; }
     .titlebar.default-decoration button,
     headerbar.default-decoration button {
       padding: 5px; }
 
 /************
  * Pathbars *
  ************/
 .path-bar button, .path-bar headerbar button.titlebutton, headerbar .path-bar button.titlebutton,
 .path-bar .titlebar button.titlebutton,
 .titlebar .path-bar button.titlebutton {
   padding: 5px 6px 6px;
   border-color: rgba(255, 255, 255, 0);
   background-color: transparent;
   background-image: none;
   box-shadow: none;
   text-shadow: none;
   -gtk-icon-shadow: none;
   color: #EEEFF0; }
   .path-bar button:hover {
     border-color: #3DADE8; }
   .path-bar button:active, .path-bar button:checked {
     background-color: #696D71; }
   .path-bar button:first-child {
     padding-left: 8px; }
   .path-bar button:last-child {
     padding-right: 8px; }
   .path-bar button:only-child {
     padding-left: 12px;
     padding-right: 12px; }
   .path-bar button .label:last-child {
     padding-left: 2px; }
   .path-bar button .label:first-child {
     padding-right: 2px; }
   .path-bar button .label:only-child {
     padding-right: 0;
     padding-left: 0; }
   .path-bar button image, .path-bar headerbar button.titlebutton image, headerbar .path-bar button.titlebutton image,
   .path-bar .titlebar button.titlebutton image,
   .titlebar .path-bar button.titlebutton image {
     padding-top: 1px; }
 
 /**************
  * Tree Views *
  **************/
 treeview.view {
   -GtkTreeView-grid-line-width: 1;
   -GtkTreeView-grid-line-pattern: '';
   -GtkTreeView-tree-line-width: 1;
   -GtkTreeView-tree-line-pattern: '';
   -GtkTreeView-expander-size: 16;
   border-left-color: #898b8d;
   border-top-color: #31363B; }
   treeview.view:selected {
     border-radius: 0; }
   treeview.view:selected, treeview.view:backdrop:selected {
     border-left-color: #96ceec;
     border-top-color: rgba(238, 239, 240, 0.1); }
   treeview.view:disabled {
     color: #909396; }
     treeview.view:disabled:selected {
       color: #84c7eb; }
       treeview.view:disabled:selected:backdrop {
         color: #72c1ea; }
     treeview.view:disabled:backdrop {
       color: #545c65; }
   treeview.view.separator:backdrop {
     color: rgba(0, 0, 0, 0.1); }
   treeview.view:backdrop {
     border-left-color: #494d52;
     border-top: #31363B; }
   treeview.view.dnd {
     border-style: solid none;
     border-width: 1px;
     border-color: #96ceec; }
   treeview.view.expander {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
     color: #b1b3b4; }
     treeview.view.expander:dir(rtl) {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
     treeview.view.expander:hover {
       color: #EEEFF0; }
     treeview.view.expander:selected {
       color: #b9dbee; }
       treeview.view.expander:selected:hover {
         color: #EEEFF0; }
       treeview.view.expander:selected:backdrop {
         color: #b9dbee; }
     treeview.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
     treeview.view.expander:backdrop {
       color: #4e5256; }
   treeview.view.progressbar {
     border: 1px solid #3DADE8;
     border-radius: 4px;
     background-image: linear-gradient(to bottom, #3DADE8, #1a97d8);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); }
     treeview.view.progressbar:selected {
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
       background-image: linear-gradient(to bottom, #232629, #0c0d0d); }
       treeview.view.progressbar:selected:backdrop {
         border-color: #25292c;
         background-color: #25292c; }
     treeview.view.progressbar:backdrop {
       border-color: #25292c;
       background-image: none;
       box-shadow: none; }
   treeview.view.trough {
     background-color: rgba(238, 239, 240, 0.1);
     border-radius: 4px; }
     treeview.view.trough:selected {
       background-color: #1a97d8; }
 
 column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
 column-header .titlebar button.titlebutton,
 .titlebar column-header button.titlebutton {
   color: #898b8d;
   background-color: #232629;
   font-weight: bold;
   text-shadow: none;
   box-shadow: none; }
   column-header button:hover, column-header headerbar button.titlebutton:hover, headerbar column-header button.titlebutton:hover,
   column-header .titlebar button.titlebutton:hover,
   .titlebar column-header button.titlebutton:hover {
     color: #bcbdbf;
     box-shadow: none;
     transition: none; }
   column-header button:active, column-header headerbar button.titlebutton:active, headerbar column-header button.titlebutton:active,
   column-header .titlebar button.titlebutton:active,
   .titlebar column-header button.titlebutton:active {
     color: #EEEFF0;
     transition: none; }
 column-header:last-child button, column-header:last-child headerbar button.titlebutton, headerbar column-header:last-child button.titlebutton,
 column-header:last-child .titlebar button.titlebutton,
 .titlebar column-header:last-child button.titlebutton, column-header:last-child button:backdrop, column-header:last-child.button, headerbar column-header.button.titlebutton:last-child,
 .titlebar column-header.button.titlebutton:last-child, column-header:last-child.button:backdrop {
   border-right-style: none; }
 
 column-header.button.dnd, column-header button.dnd, column-header headerbar .dnd.button.titlebutton, headerbar column-header .dnd.button.titlebutton,
 column-header .titlebar .dnd.button.titlebutton,
 .titlebar column-header .dnd.button.titlebutton, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover, headerbar column-header.dnd.button.titlebutton,
 .titlebar column-header.dnd.button.titlebutton {
   transition: none;
   color: #3DADE8;
   box-shadow: inset 1px 1px 0 1px #3DADE8, inset -1px 0 0 1px #3DADE8, inset 1px 1px #232629, inset -1px 0 #232629; }
 
 column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
 column-header .titlebar button.titlebutton,
 .titlebar column-header button.titlebutton, column-header button:hover, column-header button:active {
   padding: 3px 6px;
   border-style: none solid solid none;
   border-radius: 0;
   background-image: none;
   border-color: #31363B;
   text-shadow: none; }
   column-header button:disabled, column-header headerbar button.titlebutton:disabled, headerbar column-header button.titlebutton:disabled,
   column-header .titlebar button.titlebutton:disabled,
   .titlebar column-header button.titlebutton:disabled {
     border-color: #31363B;
     background-image: none; }
   column-header button:backdrop, column-header headerbar button.titlebutton:backdrop, headerbar column-header button.titlebutton:backdrop,
   column-header .titlebar button.titlebutton:backdrop,
   .titlebar column-header button.titlebutton:backdrop {
     border-color: #31363B;
     border-style: none solid solid none;
     color: #494d52;
     background-image: none;
     background-color: #25292c; }
     column-header button:backdrop:disabled {
       border-color: #31363B;
       background-image: none; }
 
 /*********
  * Menus *
  *********/
 menubar {
   -GtkWidget-window-dragging: true;
   padding: 2px;
   box-shadow: none; }
   menubar:backdrop {
     background-color: #31363B; }
   menubar > menuitem {
     padding: 4px 8px; }
     menubar > menuitem:hover {
       background-color: #3DADE8;
       color: #EEEFF0; }
     menubar > menuitem:disabled {
       color: #909396;
       box-shadow: none; }
 
 menu {
   padding: 0px;
   background-color: #31363B;
   border: 1px solid #696D71;
   border-radius: 3px; }
   .csd menu {
     border: 1px solid #696D71; }
   menu menuitem {
     text-shadow: none;
     padding: 6px 6px; }
     menu menuitem:hover {
       color: #EEEFF0;
       background-color: #3DADE8;
       background-clip: padding-box;
       border-style: solid;
       border-width: 0px 1px 0px 1px;
       border-color: #6bc0ed; }
       menu menuitem:hover:first-child {
         border-radius: 3px 3px 0px 0px;
         border-width: 1px 1px 0px 1px; }
       menu menuitem:hover:last-child {
         border-radius: 0px 0px 3px 3px;
         border-width: 0px 1px 1px 1px; }
     menu menuitem:disabled, menu menuitem *:disabled {
       color: #909396; }
       menu menuitem:disabled:backdrop, menu menuitem *:disabled:backdrop {
         color: #545c65; }
     menu menuitem:backdrop, menu menuitem:backdrop:hover {
       color: #EEEFF0;
       background-color: #31363B; }
     menu menuitem.arrow {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
     menu menuitem.arrow:dir(rtl) {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
   menu.button, headerbar menu.button.titlebutton,
   .titlebar menu.button.titlebutton {
     border-style: none;
     border-radius: 0; }
     menu.button.top {
       border-bottom: 1px solid #373a3d; }
     menu.button.bottom {
       border-top: 1px solid #373a3d; }
     menu.button:hover {
       background-color: #373a3d; }
     menu.button:disabled {
       color: transparent;
       background-color: transparent;
       border-color: transparent; }
 
 menuitem .accelerator {
   color: alpha(currentColor,0.55); }
 
 /***************
  * Popovers   *
  ***************/
 popover {
   padding: 2px;
   border: 1px solid #696D71;
   border-radius: 2px;
   background-color: #31363B;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
   popover:backdrop {
     box-shadow: none; }
   popover > list,
   popover > .view,
   popover > .toolbar,
   popover > .inline-toolbar,
   popover > .search-bar,
   popover > .location-bar, popover.osd > .toolbar, popover.osd > .inline-toolbar, popover.osd > .search-bar, popover.osd > .location-bar {
     border-style: none;
     background-color: transparent; }
   popover button.flat, popover headerbar .titlebutton.button, headerbar popover .titlebutton.button,
   popover .titlebar .titlebutton.button,
   .titlebar popover .titlebutton.button {
     color: #EEEFF0; }
   popover button.flat:hover, popover headerbar .titlebutton.button:hover, headerbar popover .titlebutton.button:hover,
   popover .titlebar .titlebutton.button:hover,
   .titlebar popover .titlebutton.button:hover {
     background-color: rgba(61, 173, 232, 0.2);
     color: #EEEFF0;
     text-shadow: none;
     transition: none; }
 
 entry.cursor-handle,
 .cursor-handle {
   background-color: transparent;
   background-image: none;
   box-shadow: none;
   border-style: none; }
   entry.cursor-handle.top,
   .cursor-handle.top {
     -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
   entry.cursor-handle.bottom,
   .cursor-handle.bottom {
     -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
 
 /*****************
  * Notebooks and *
  * Tabs          *
  *****************/
 notebook {
   background-color: #31363B;
   -GtkNotebook-initial-gap: 0;
   -GtkNotebook-arrow-spacing: 5;
   -GtkNotebook-tab-curvature: 0;
   -GtkNotebook-tab-overlap: 0;
   -GtkNotebook-has-tab-gap: false;
   -GtkWidget-focus-padding: 0;
   -GtkWidget-focus-line-width: 0;
   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   notebook.frame {
     border: 1px solid #696D71; }
     notebook.frame.top {
       border-top-width: 0; }
     notebook.frame.bottom {
       border-bottom-width: 0; }
     notebook.frame.right {
       border-right-width: 0; }
     notebook.frame.left {
       border-left-width: 0; }
   notebook.header {
     background-color: #31363B;
     padding-top: 4px; }
     notebook.header.frame {
       border-style: solid;
       border-color: #696D71; }
       notebook.header.frame.top {
         border-width: 0px; }
       notebook.header.frame.bottom {
         border-width: 0px; }
       notebook.header.frame.right {
         border-width: 0px; }
       notebook.header.frame.left {
         border-width: 0px; }
       notebook.header.frame:backdrop {
         border-color: #696D71; }
     notebook.header.top {
       box-shadow: inset 0 -1px #696D71; }
     notebook.header.bottom {
       box-shadow: inset 0 1px #696D71; }
     notebook.header.right {
       box-shadow: inset 1px 0 #696D71; }
     notebook.header.left {
       box-shadow: inset -1px 0 #696D71; }
   notebook tab {
     border-width: 1px;
     border-style: solid;
     border-color: rgba(105, 109, 113, 0.2);
     background-color: rgba(105, 109, 113, 0.2);
     outline-offset: 0;
     /* works for testnotebookdnd, but there's a superfluous border
        in gedit or web, commented out for now, needs gtk fixes
     &.reorderable-page {
       &.top {
         padding-top: ($vt_vpadding - 1px);
         border-top-width: 1px;
         border-left-width: 1px;
         border-right-width: 1px;
       }
       &.bottom {
         padding-bottom: ($vt_vpadding - 1px);
         border-bottom-width: 1px;
         border-left-width: 1px;
         border-right-width: 1px;
       }
       &.left {
         padding-left: ($ht_hpadding - 1px);
         border-left-width: 1px;
         border-top-width: 1px;
         border-bottom-width: 1px;
       }
       &.right {
         padding-right: ($ht_hpadding - 1px);
         border-right-width: 1px;
         border-top-width: 1px;
         border-bottom-width: 1px;
       }
     }
     */ }
     notebook tab.top, notebook tab.bottom {
       padding: 6px 8px; }
     notebook tab.left, notebook tab.right {
       padding: 6px 8px; }
     notebook tab.reorderable-page {
       background-color: #31363B; }
       notebook tab.reorderable-page.top, notebook tab.reorderable-page.bottom {
         padding-left: 12px;
         padding-right: 6px;
         padding-bottom: 8px; }
     notebook tab.top {
       border-radius: 3px 3px 0px 0px; }
       notebook tab.top:active, notebook tab.top.active-page, notebook tab.top:backdrop:active {
         border-color: #696D71;
         border-bottom-color: #31363B;
         background-color: #31363B; }
         notebook tab.top:active:hover, notebook tab.top:active.prelight-page, notebook tab.top.active-page:hover, notebook tab.top.active-page.prelight-page, notebook tab.top:backdrop:active:hover, notebook tab.top:backdrop:active.prelight-page {
           border-color: #696D71;
           border-bottom-color: #31363B; }
     notebook tab.bottom {
       border-radius: 0px 0px 3px 3px; }
       notebook tab.bottom:active, notebook tab.bottom.active-page, notebook tab.bottom:backdrop:active {
         border-color: #696D71;
         border-top-color: #31363B;
         background-color: #31363B; }
         notebook tab.bottom:active:hover, notebook tab.bottom:active.prelight-page, notebook tab.bottom.active-page:hover, notebook tab.bottom.active-page.prelight-page, notebook tab.bottom:backdrop:active:hover, notebook tab.bottom:backdrop:active.prelight-page {
           border-color: #696D71;
           border-top-color: #31363B; }
     notebook tab.left {
       border-radius: 3px 0px 0px 3px; }
       notebook tab.left:active, notebook tab.left.active-page, notebook tab.left:backdrop:active {
         border-color: #696D71;
         border-right-color: #31363B;
         background-color: #31363B; }
         notebook tab.left:active:hover, notebook tab.left:active.prelight-page, notebook tab.left.active-page:hover, notebook tab.left.active-page.prelight-page, notebook tab.left:backdrop:active:hover, notebook tab.left:backdrop:active.prelight-page {
           border-color: #696D71;
           border-right-color: #31363B; }
     notebook tab.right {
       border-radius: 0px 3px 3px 0px; }
       notebook tab.right:active, notebook tab.right.active-page, notebook tab.right:backdrop:active {
         border-color: #696D71;
         border-left-color: #31363B;
         background-color: #31363B; }
         notebook tab.right:active:hover, notebook tab.right:active.prelight-page, notebook tab.right.active-page:hover, notebook tab.right.active-page.prelight-page, notebook tab.right:backdrop:active:hover, notebook tab.right:backdrop:active.prelight-page {
           border-color: #696D71;
           border-left-color: #31363B; }
     notebook tab:hover, notebook tab.prelight-page {
       background-color: rgba(61, 173, 232, 0.2);
       border-color: rgba(61, 173, 232, 0.2); }
     notebook tab.reorderable-page.top {
       border-width: 3px;
       border-style: solid;
       border-color: #31363B;
       background-color: #31363B;
       border-right-width: 1px;
       border-right-color: #696D71;
       box-shadow: inset -3px 0px 0px 0px #31363B; }
       notebook tab.reorderable-page.top:hover, notebook tab.reorderable-page.top.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset -3px 0px 0px 0px #31363B; }
       notebook tab.reorderable-page.top:active, notebook tab.reorderable-page.top.active-page {
         box-shadow: inset 0px -3px 0px 0px #3DADE8, inset -3px 0px 0px 0px #31363B; }
         notebook tab.reorderable-page.top:active:hover, notebook tab.reorderable-page.top.active-page:hover {
           background-color: #31363B;
           border-color: #31363B;
           border-right-color: #696D71; }
         notebook tab.reorderable-page.top:active:backdrop, notebook tab.reorderable-page.top.active-page:backdrop {
           background-color: #31363B;
           border-color: #31363B;
           border-right-color: #696D71; }
       notebook tab.reorderable-page.top:backdrop {
         background-color: #31363B;
         border-color: #31363B;
         border-right-color: #696D71; }
     notebook tab.reorderable-page.bottom {
       border-width: 3px;
       border-style: solid;
       border-color: #31363B;
       background-color: #31363B;
       border-right-width: 1px;
       border-right-color: #696D71;
       box-shadow: inset -3px 0px 0px 0px #31363B; }
       notebook tab.reorderable-page.bottom:hover, notebook tab.reorderable-page.bottom.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset -3px 0px 0px 0px #31363B; }
       notebook tab.reorderable-page.bottom:active, notebook tab.reorderable-page.bottom.active-page {
         box-shadow: inset 0px -3px 0px 0px #3DADE8, inset -3px 0px 0px 0px #31363B; }
         notebook tab.reorderable-page.bottom:active:hover, notebook tab.reorderable-page.bottom.active-page:hover {
           background-color: #31363B;
           border-color: #31363B;
           border-right-color: #696D71; }
         notebook tab.reorderable-page.bottom:active:backdrop, notebook tab.reorderable-page.bottom.active-page:backdrop {
           background-color: #31363B;
           border-color: #31363B;
           border-right-color: #696D71; }
       notebook tab.reorderable-page.bottom:backdrop {
         background-color: #31363B;
         border-color: #31363B;
         border-right-color: #696D71; }
     notebook tab.reorderable-page.left {
       border-width: 3px;
       border-style: solid;
       border-color: #31363B;
       background-color: #31363B;
       border-bottom-width: 1px;
       border-bottom-color: #696D71;
       box-shadow: inset 0px -3px 0px 0px #31363B; }
       notebook tab.reorderable-page.left:hover, notebook tab.reorderable-page.left.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset 0px -3px 0px 0px #31363B; }
       notebook tab.reorderable-page.left:active, notebook tab.reorderable-page.left.active-page {
         box-shadow: inset 0px -3px 0px 0px #3DADE8, inset 0px -3px 0px 0px #31363B; }
         notebook tab.reorderable-page.left:active:hover, notebook tab.reorderable-page.left.active-page:hover {
           background-color: #31363B;
           border-color: #31363B;
           border-bottom-color: #696D71; }
         notebook tab.reorderable-page.left:active:backdrop, notebook tab.reorderable-page.left.active-page:backdrop {
           background-color: #31363B;
           border-color: #31363B;
           border-bottom-color: #696D71; }
       notebook tab.reorderable-page.left:backdrop {
         background-color: #31363B;
         border-color: #31363B;
         border-bottom-color: #696D71; }
     notebook tab.reorderable-page.right {
       border-width: 3px;
       border-style: solid;
       border-color: #31363B;
       background-color: #31363B;
       border-bottom-width: 1px;
       border-bottom-color: #696D71;
       box-shadow: inset 0px -3px 0px 0px #31363B; }
       notebook tab.reorderable-page.right:hover, notebook tab.reorderable-page.right.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset 0px -3px 0px 0px #31363B; }
       notebook tab.reorderable-page.right:active, notebook tab.reorderable-page.right.active-page {
         box-shadow: inset 0px -3px 0px 0px #3DADE8, inset 0px -3px 0px 0px #31363B; }
         notebook tab.reorderable-page.right:active:hover, notebook tab.reorderable-page.right.active-page:hover {
           background-color: #31363B;
           border-color: #31363B;
           border-bottom-color: #696D71; }
         notebook tab.reorderable-page.right:active:backdrop, notebook tab.reorderable-page.right.active-page:backdrop {
           background-color: #31363B;
           border-color: #31363B;
           border-bottom-color: #696D71; }
       notebook tab.reorderable-page.right:backdrop {
         background-color: #31363B;
         border-color: #31363B;
         border-bottom-color: #696D71; }
     notebook tab .label {
       padding: 0 2px;
       color: #EEEFF0; }
     notebook tab .prelight-page .label, notebook tab .label.prelight-page {
       color: #EEEFF0; }
     notebook tab .active-page .label, notebook tab .label.active-page {
       color: #EEEFF0; }
     notebook tab button, notebook tab headerbar button.titlebutton, headerbar notebook tab button.titlebutton,
     notebook tab .titlebar button.titlebutton,
     .titlebar notebook tab button.titlebutton {
       padding: 0px;
       border: 1px solid transparent;
       border-radius: 50%;
       background-image: none;
       background-color: #696D71;
       box-shadow: none;
       -gtk-icon-shadow: none;
       transition: none;
       color: #31363B; }
       notebook tab button:hover {
         background-color: #da4453;
         border-color: transparent;
         background-image: none;
         box-shadow: none; }
       notebook tab button:active {
         color: #31363B;
         border-color: transparent;
         background-image: none;
         box-shadow: none; }
       notebook tab button:backdrop {
         color: #31363B;
         border-color: transparent; }
       notebook tab button > image, notebook tab headerbar button.titlebutton > image, headerbar notebook tab button.titlebutton > image,
       notebook tab .titlebar button.titlebutton > image,
       .titlebar notebook tab button.titlebutton > image {
         padding: 0px; }
     notebook tab button .active-page, notebook tab button.active-page {
       background-color: #da4453; }
   notebook.arrow {
     color: #909396; }
     notebook.arrow:hover {
       color: #3DADE8; }
     notebook.arrow:active {
       color: #3DADE8; }
     notebook.arrow:disabled {
       color: rgba(144, 147, 150, 0.3); }
     notebook.arrow:backdrop {
       color: #909396; }
       notebook.arrow:backdrop:disabled {
         color: rgba(144, 147, 150, 0.3); }
 
 /**************
  * Scrollbars *
  **************/
 scrollbar {
   -GtkRange-trough-border: 0;
   -GtkScrollbar-has-backward-stepper: true;
   -GtkScrollbar-has-forward-stepper: true;
   -GtkRange-slider-width: 16;
   -GtkScrollbar-min-slider-length: 64;
   -GtkRange-stepper-spacing: 1;
   -GtkRange-trough-under-steppers: 0; }
   scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton,
   scrollbar .titlebar button.titlebutton,
   .titlebar scrollbar button.titlebutton {
     border: none;
     background-image: none;
     background-color: transparent;
     box-shadow: none; }
     scrollbar button:hover {
       color: #3DADE8;
       background-image: none;
       background-color: transparent; }
     scrollbar button:disabled {
       color: #909396; }
   scrollbar.dragging, scrollbar.hovering {
     opacity: 0.998; }
   scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
     opacity: 0.999; }
   scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
     -GtkRange-slider-width: 8px;
     -GtkScrollbar-has-backward-stepper: false;
     -GtkScrollbar-has-forward-stepper: false; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-overlay-dark.png"), url("assets/scrollbar-slider-overlay-dark@2.png")) 6 4 6 4/6px 4px 6px 4px stretch;
       border-radius: 0;
       border-width: 5px 4px 5px 4px;
       border-style: solid;
       border-color: transparent; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-overlay-horizontal-dark.png"), url("assets/scrollbar-slider-overlay-horizontal-dark@2.png")) 4 6 4 6/4px 6px 4px 6px stretch;
       border-radius: 0;
       border-width: 4px 6px 4px 6px;
       border-style: solid;
       border-color: transparent; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
       border: none;
       background: none; }
-  scrollbar.trough {
+  scrollbar.vertical trough {
     border-image: -gtk-scaled(url("assets/scrollbar-trough-dark.png"), url("assets/scrollbar-trough-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
     border-radius: 0;
     border-width: 8px 8px 8px 8px;
     border-style: solid;
     border-color: transparent; }
-    scrollbar.trough:dir(rtl) {
+    scrollbar.vertical trough:dir(rtl) {
       border-image: -gtk-scaled(url("assets/scrollbar-trough-rtl-dark.png"), url("assets/scrollbar-trough-rtl-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-    scrollbar.trough.horizontal {
+    scrollbar.horizontal trough {
       border-image: -gtk-scaled(url("assets/scrollbar-trough-horizontal-dark.png"), url("assets/scrollbar-trough-horizontal-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-  scrollbar slider {
+  scrollbar.vertical slider {
     border-image: -gtk-scaled(url("assets/scrollbar-slider-dark.png"), url("assets/scrollbar-slider-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
     border-radius: 0;
     border-width: 8px 8px 8px 8px;
     border-style: solid;
     border-color: transparent; }
-    scrollbar slider:dir(rtl) {
+    scrollbar.vertical slider:dir(rtl) {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-dark.png"), url("assets/scrollbar-slider-rtl-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-    scrollbar slider:hover, scrollbar slider:disabled {
+    scrollbar.vertical slider:hover, scrollbar.vertical slider:disabled {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-hover-dark.png"), url("assets/scrollbar-slider-hover-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-      scrollbar slider:hover:dir(rtl), scrollbar slider:disabled:dir(rtl) {
+      scrollbar.vertical slider:hover:dir(rtl), scrollbar.vertical slider:disabled:dir(rtl) {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-hover-dark.png"), url("assets/scrollbar-slider-rtl-hover-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
-    scrollbar slider:active {
+    scrollbar.vertical slider:active {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-active-dark.png"), url("assets/scrollbar-slider-active-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-      scrollbar slider:active:dir(rtl) {
+      scrollbar.vertical slider:active:dir(rtl) {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-active-dark.png"), url("assets/scrollbar-slider-rtl-active-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
-    scrollbar slider.horizontal {
+    scrollbar.horizontal slider {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-dark.png"), url("assets/scrollbar-slider-horizontal-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-      scrollbar slider.horizontal:hover, scrollbar slider.horizontal:disabled {
+      scrollbar.horizontal slider:hover, scrollbar.horizontal slider:disabled {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-hover-dark.png"), url("assets/scrollbar-slider-horizontal-hover-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
-      scrollbar slider.horizontal:active {
+      scrollbar.horizontal slider:active {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-active-dark.png"), url("assets/scrollbar-slider-horizontal-active-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
 
 scrollbars-junction,
 scrollbars-junction.frame {
   border-color: transparent;
   border-image: linear-gradient(to bottom, #696D71 1px, transparent 1px) 0 0 0 1/0 1px stretch;
   background-color: #212427; }
   scrollbars-junction:dir(rtl),
   scrollbars-junction.frame:dir(rtl) {
     border-image-slice: 0 1 0 0; }
   scrollbars-junction:backdrop,
   scrollbars-junction.frame:backdrop {
     border-image-source: linear-gradient(to bottom, #63686c 1px, transparent 1px);
     background-color: #2a2e33; }
 
 /**********
  * Switch *
  **********/
 switch {
   -switch-slider-width: 30px;
   font-weight: bold;
   font-size: smaller;
   outline-offset: 0px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   switch.trough {
     border: 1px solid #696D71;
     border-radius: 3px;
     color: #EEEFF0;
     background-image: none;
     background-color: #31363B;
     text-shadow: none; }
     switch.trough:active {
       color: #3DADE8;
       border-color: #3DADE8;
       box-shadow: none;
       text-shadow: none; }
       switch.trough:active:hover {
         border-color: #3DADE8; }
     switch.trough:hover {
       border-color: #3DADE8; }
     switch.trough:disabled {
       color: #909396;
       border-color: #696D71;
       background-image: none;
       background-color: #3a3f44;
       box-shadow: none;
       text-shadow: none; }
   switch.slider {
     padding: 3px;
     border: 3px solid;
     border-radius: 3px;
     border-color: rgba(255, 255, 255, 0);
     box-shadow: none;
     background-color: #696D71; }
     switch.slider:hover {
       box-shadow: none; }
     switch.slider:active {
       background-color: #3DADE8; }
       switch.slider:active:hover {
         background-color: #3DADE8; }
     switch.slider:disabled {
       background-color: #3a3f44; }
 
 /*************************
  * Check and Radio items *
  *************************/
 check {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check.button.flat, headerbar check.titlebutton.button,
   .titlebar check.titlebutton.button {
     -gtk-icon-shadow: none; }
 
 check:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:hover.button.flat, headerbar check.titlebutton.button:hover,
   .titlebar check.titlebutton.button:hover {
     -gtk-icon-shadow: none; }
 
 check:active {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:active.button.flat, headerbar check.titlebutton.button:active,
   .titlebar check.titlebutton.button:active {
     -gtk-icon-shadow: none; }
 
 check:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:disabled.button.flat, headerbar check.titlebutton.button:disabled,
   .titlebar check.titlebutton.button:disabled {
     -gtk-icon-shadow: none; }
 
 check:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop.button.flat, headerbar check.titlebutton.button:backdrop,
   .titlebar check.titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
 
 check:backdrop:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop:disabled.button.flat, headerbar check.titlebutton.button:backdrop:disabled,
   .titlebar check.titlebutton.button:backdrop:disabled {
     -gtk-icon-shadow: none; }
 
 check:indeterminate {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:indeterminate.button.flat, headerbar check.titlebutton.button:indeterminate,
   .titlebar check.titlebutton.button:indeterminate {
     -gtk-icon-shadow: none; }
 
 check:indeterminate:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:indeterminate:hover.button.flat, headerbar check.titlebutton.button:indeterminate:hover,
   .titlebar check.titlebutton.button:indeterminate:hover {
     -gtk-icon-shadow: none; }
 
 check:indeterminate:selected {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:indeterminate:selected.button.flat, headerbar check.titlebutton.button:indeterminate:selected,
   .titlebar check.titlebutton.button:indeterminate:selected {
     -gtk-icon-shadow: none; }
 
 check:indeterminate:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:indeterminate:backdrop.button.flat, headerbar check.titlebutton.button:indeterminate:backdrop,
   .titlebar check.titlebutton.button:indeterminate:backdrop {
     -gtk-icon-shadow: none; }
 
 check:indeterminate:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:indeterminate:disabled.button.flat, headerbar check.titlebutton.button:indeterminate:disabled,
   .titlebar check.titlebutton.button:indeterminate:disabled {
     -gtk-icon-shadow: none; }
 
 check:indeterminate:disabled:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/checkbox-mixed-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:indeterminate:disabled:backdrop.button.flat, headerbar check.titlebutton.button:indeterminate:disabled:backdrop,
   .titlebar check.titlebutton.button:indeterminate:disabled:backdrop {
     -gtk-icon-shadow: none; }
 
 check:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:checked.button.flat, headerbar check.titlebutton.button:checked,
   .titlebar check.titlebutton.button:checked {
     -gtk-icon-shadow: none; }
 
 check:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:checked:disabled.button.flat, headerbar check.titlebutton.button:checked:disabled,
   .titlebar check.titlebutton.button:checked:disabled {
     -gtk-icon-shadow: none; }
 
 check:checked:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:checked:hover.button.flat, headerbar check.titlebutton.button:checked:hover,
   .titlebar check.titlebutton.button:checked:hover {
     -gtk-icon-shadow: none; }
 
 check:checked:active {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:checked:active.button.flat, headerbar check.titlebutton.button:checked:active,
   .titlebar check.titlebutton.button:checked:active {
     -gtk-icon-shadow: none; }
 
 check:backdrop:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop:checked.button.flat, headerbar check.titlebutton.button:backdrop:checked,
   .titlebar check.titlebutton.button:backdrop:checked {
     -gtk-icon-shadow: none; }
 
 check:backdrop:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive-dark.png"), url("assets/checkbox-checked-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop:checked:disabled.button.flat, headerbar check.titlebutton.button:backdrop:checked:disabled,
   .titlebar check.titlebutton.button:backdrop:checked:disabled {
     -gtk-icon-shadow: none; }
 
 menu menuitem.check {
   -gtk-icon-source: -gtk-icontheme("checkbox-symbolic");
   color: #a2a5a8;
   -gtk-icon-shadow: none; }
   menu menuitem.check:active, menu menuitem.check:checked {
     -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic");
     color: #3DADE8; }
   menu menuitem.check:indeterminate {
     -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
   menu menuitem.check:hover {
     color: #EEEFF0; }
   menu menuitem.check:disabled {
     color: #616569; }
 
 radio {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio.button.flat, headerbar radio.titlebutton.button,
   .titlebar radio.titlebutton.button {
     -gtk-icon-shadow: none; }
 
 radio:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:hover.button.flat, headerbar radio.titlebutton.button:hover,
   .titlebar radio.titlebutton.button:hover {
     -gtk-icon-shadow: none; }
 
 radio:active {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:active.button.flat, headerbar radio.titlebutton.button:active,
   .titlebar radio.titlebutton.button:active {
     -gtk-icon-shadow: none; }
 
 radio:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:disabled.button.flat, headerbar radio.titlebutton.button:disabled,
   .titlebar radio.titlebutton.button:disabled {
     -gtk-icon-shadow: none; }
 
 radio:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop.button.flat, headerbar radio.titlebutton.button:backdrop,
   .titlebar radio.titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
 
 radio:backdrop:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop:disabled.button.flat, headerbar radio.titlebutton.button:backdrop:disabled,
   .titlebar radio.titlebutton.button:backdrop:disabled {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:indeterminate.button.flat, headerbar radio.titlebutton.button:indeterminate,
   .titlebar radio.titlebutton.button:indeterminate {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:indeterminate:hover.button.flat, headerbar radio.titlebutton.button:indeterminate:hover,
   .titlebar radio.titlebutton.button:indeterminate:hover {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate:selected {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:indeterminate:selected.button.flat, headerbar radio.titlebutton.button:indeterminate:selected,
   .titlebar radio.titlebutton.button:indeterminate:selected {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:indeterminate:backdrop.button.flat, headerbar radio.titlebutton.button:indeterminate:backdrop,
   .titlebar radio.titlebutton.button:indeterminate:backdrop {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:indeterminate:disabled.button.flat, headerbar radio.titlebutton.button:indeterminate:disabled,
   .titlebar radio.titlebutton.button:indeterminate:disabled {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate:disabled:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive-dark.png"), url("assets/radio-mixed-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:indeterminate:disabled:backdrop.button.flat, headerbar radio.titlebutton.button:indeterminate:disabled:backdrop,
   .titlebar radio.titlebutton.button:indeterminate:disabled:backdrop {
     -gtk-icon-shadow: none; }
 
 radio:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:checked.button.flat, headerbar radio.titlebutton.button:checked,
   .titlebar radio.titlebutton.button:checked {
     -gtk-icon-shadow: none; }
 
 radio:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:checked:disabled.button.flat, headerbar radio.titlebutton.button:checked:disabled,
   .titlebar radio.titlebutton.button:checked:disabled {
     -gtk-icon-shadow: none; }
 
 radio:checked:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:checked:hover.button.flat, headerbar radio.titlebutton.button:checked:hover,
   .titlebar radio.titlebutton.button:checked:hover {
     -gtk-icon-shadow: none; }
 
 radio:checked:active {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:checked:active.button.flat, headerbar radio.titlebutton.button:checked:active,
   .titlebar radio.titlebutton.button:checked:active {
     -gtk-icon-shadow: none; }
 
 radio:backdrop:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop:checked.button.flat, headerbar radio.titlebutton.button:backdrop:checked,
   .titlebar radio.titlebutton.button:backdrop:checked {
     -gtk-icon-shadow: none; }
 
 radio:backdrop:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive-dark.png"), url("assets/radio-checked-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop:checked:disabled.button.flat, headerbar radio.titlebutton.button:backdrop:checked:disabled,
   .titlebar radio.titlebutton.button:backdrop:checked:disabled {
     -gtk-icon-shadow: none; }
 
 menu menuitem.radio {
   -gtk-icon-source: -gtk-icontheme("radio-symbolic");
   color: #a2a5a8;
   -gtk-icon-shadow: none; }
   menu menuitem.radio:active, menu menuitem.radio:checked {
     -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic");
     color: #3DADE8; }
   menu menuitem.radio:indeterminate {
     -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
   menu menuitem.radio:hover {
     color: #EEEFF0; }
   menu menuitem.radio:disabled {
     color: #616569; }
 
 .view.check, .view.radio,
 list-row check, list-row radio {
   -gtk-icon-shadow: none; }
   .view.check:selected, calendar.check:selected, .view.check:hover, .view.radio:selected, calendar.radio:selected, .view.radio:hover,
   list-row check:selected,
   list-row check:hover, list-row radio:selected, list-row radio:hover {
     -gtk-icon-shadow: none; }
 
 .content-view {
   background-color: #212427; }
   .content-view:backdrop {
     background-color: #212427; }
 
 .view.content-view.check {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:hover {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:active {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:backdrop {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:checked {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:checked:hover {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:checked:active {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:backdrop:checked {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
   background-color: transparent; }
 
 checkbutton.text-button, radiobutton.text-button {
   padding: 1px 2px 4px;
   outline-offset: 0; }
   checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
     color: #909396; }
     checkbutton.text-button:disabled:backdrop, checkbutton.text-button:disabled:active:backdrop, checkbutton.text-button:disabled:indeterminate:backdrop, radiobutton.text-button:disabled:backdrop, radiobutton.text-button:disabled:active:backdrop, radiobutton.text-button:disabled:indeterminate:backdrop {
       color: #545c65; }
 
 /************
  * GtkScale *
  ************/
 scale,
 scale.scale-has-marks-above.scale-has-marks-below,
 scale.vertical.scale-has-marks-above.scale-has-marks-below {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 20;
   -GtkRange-trough-border: 2;
   outline-offset: -9px;
   -gtk-outline-radius: 4px; }
   scale.fine-tune,
   scale.scale-has-marks-above.scale-has-marks-below.fine-tune,
   scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune {
     outline-offset: -7px;
     -gtk-outline-radius: 6px; }
     scale.fine-tune.trough,
     scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
       margin: 8px;
       border-radius: 4px; }
   scale.slider,
   scale.scale-has-marks-above.scale-has-marks-below.slider,
   scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #363b41, #31363b);
     border: 1px solid;
     border-radius: 50%;
     border-color: #3DADE8;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px #31363B, inset 0 -1px #4d5256; }
     scale.slider:hover,
     scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
       border-width: 2px;
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #31363b, #31363b);
       border-color: #3DADE8;
       border-radius: 50%;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(255, 255, 255, 0.14), inset 0 -1px #42474b; }
     scale.slider:disabled,
     scale.scale-has-marks-above.scale-has-marks-below.slider:disabled,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:disabled {
       border-style: solid;
       border-radius: 50%;
       background-image: linear-gradient(to bottom, #3a3f44);
       box-shadow: none; }
     scale.slider:active,
     scale.scale-has-marks-above.scale-has-marks-below.slider:active,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
       border: 2px solid #1787c2; }
     .osd scale.slider, .osd
     scale.scale-has-marks-above.scale-has-marks-below.slider, .osd
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: none;
       background-color: #31363B;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal;
       background-color: #31363B; }
       .osd scale.slider:hover, .osd
       scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd scale.slider:active, .osd
       scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
         color: #EEEFF0;
         border-color: rgba(35, 38, 41, 0.8);
         background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd scale.slider:backdrop, .osd
       scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
   scale.trough,
   scale.scale-has-marks-above.scale-has-marks-below.trough,
   scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
     margin: 9px;
     border: 1px solid transparent;
     border-radius: 4px;
     background-color: #696D71;
     box-shadow: none; }
     scale.trough.highlight,
     scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
       background-color: #3DADE8;
       border-color: transparent;
       box-shadow: none; }
       scale.trough.highlight.vertical,
       scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical,
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical {
         background-color: #3DADE8; }
     scale.trough:disabled, scale.trough.vertical:disabled,
     scale.scale-has-marks-above.scale-has-marks-below.trough:disabled,
     scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:disabled,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:disabled,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:disabled {
       border-color: transparent;
       background-image: none;
       background-color: #3a3f44;
       box-shadow: none; }
     .osd scale.trough, .osd
     scale.scale-has-marks-above.scale-has-marks-below.trough, .osd
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
       border-color: transparent;
       box-shadow: none;
       margin: 9px;
       background-color: #696D71;
       outline-color: rgba(238, 239, 240, 0.2);
       outline-offset: -8px; }
       .osd scale.trough.fine-tune, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough.fine-tune, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.fine-tune {
         margin: 7px; }
       .osd scale.trough.highlight, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
         background-image: none;
         background-color: #3DADE8; }
       .osd scale.trough:disabled, .osd scale.trough:backdrop:disabled, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough:disabled, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:disabled, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:disabled, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:disabled {
         border-color: transparent;
         background-color: transparent; }
       .osd scale.trough:backdrop, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
         border-color: transparent;
         background-image: none; }
 
 scale.scale-has-marks-below {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.scale-has-marks-below.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.scale-has-marks-above {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.scale-has-marks-above.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.vertical.scale-has-marks-below {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.vertical.scale-has-marks-below.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.vertical.scale-has-marks-above {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.vertical.scale-has-marks-above.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.scale-has-marks-above .trough {
   margin: 14px 10px 10px; }
 .fine-tune.scale.scale-has-marks-above .trough {
   margin: 12px 8px 8px; }
 
 scale.scale-has-marks-below .trough {
   margin: 10px 10px 14px; }
 .fine-tune.scale.scale-has-marks-below .trough {
   margin: 8px 8px 12px; }
 
 scale.vertical.scale-has-marks-above .trough {
   margin: 10px 10px 10px 14px; }
 .fine-tune.scale.vertical.scale-has-marks-above .trough {
   margin: 8px 8px 8px 12px; }
 
 scale.vertical.scale-has-marks-below .trough {
   margin: 10px 14px 10px 10px; }
 .fine-tune.scale.vertical.scale-has-marks-below .trough {
   margin: 8px 12px 8px 8px; }
 
 /*****************
  * Progress bars *
  *****************/
 progressbar {
   padding: 0;
   font-size: smaller;
   color: rgba(238, 239, 240, 0.4);
   box-shadow: none; }
   progressbar .osd {
     -progressbar-xspacing: 0;
     -progressbar-yspacing: 0;
     -progressbar-min-horizontal-bar-height: 3; }
   progressbar trough {
     border: 1px solid transparent;
     border-radius: 3px;
     background-color: #696D71; }
     progressbar .osd trough {
       border-style: none;
       background-color: transparent;
       box-shadow: none; }
 
 progressbar progress {
   background-color: #3DADE8;
   border: 1px solid #3DADE8;
   border-radius: 0px;
   box-shadow: none; }
   progressbar.left progress {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px; }
   progressbar.right progress {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px; }
   progressbar.left.right progress {
     box-shadow: none; }
   progressbar.vertical.bottom progress {
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
     box-shadow: none; }
   progressbar.vertical.top progress {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px; }
   progressbar .osd progress {
     background-image: none;
     background-color: #3DADE8;
     border-style: none;
     border-radius: 0; }
 
 /*************
  * Level Bar *
  *************/
 levelbar.vertical {
   -GtkLevelBar-min-block-width: 6;
   -GtkLevelBar-min-block-height: 34; }
 
 levelbar {
   box-shadow: none;
   -GtkLevelBar-min-block-width: 34;
   -GtkLevelBar-min-block-height: 6; }
   levelbar.vertical {
     -GtkLevelBar-min-block-width: 6;
     -GtkLevelBar-min-block-height: 34; }
   levelbar trough {
     border: 1px solid transparent;
     padding: 2px;
     border-radius: 2px;
     background-color: transparent; }
   levelbar block.filled {
     border: 1px solid #3DADE8;
     background-color: #3DADE8;
     box-shadow: none;
     border-radius: 2px; }
     levelbar.discrete.horizontal block.filled {
       margin: 0 1px; }
     levelbar.discrete.vertical block.filled {
       margin: 1px 0; }
     levelbar block.filled.high {
       border-color: #5aa411;
       background-color: #5aa411; }
       levelbar block.filled.high:backdrop {
         border-color: #5aa411; }
     levelbar block.filled.low {
       border-color: #f67400;
       background-color: #f67400; }
       levelbar block.filled.low:backdrop {
         border-color: #f67400; }
     levelbar block.filled.empty {
       background-color: #696D71;
       border-color: transparent;
       box-shadow: none; }
 
 /**********
  * Frames *
  **********/
 frame {
   border: 1px solid #696D71;
   padding: 0; }
   frame.flat {
     border-style: none; }
   frame.action-bar {
     padding: 6px;
     border-width: 1px 0 0; }
 
 scrolledwindow viewport.frame, frame box stack scrolledwindow {
   border-style: none; }
 
 .separator, placessidebar.sidebar .view .separator,
 placessidebar.sidebar .view .separator:backdrop {
   color: rgba(0, 0, 0, 0.1); }
   filechooserbutton .separator.vertical, filechooserbutton placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view filechooserbutton .vertical.separator, button.font .separator.vertical, button.font placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view button.font .vertical.separator {
     -GtkWidget-wide-separators: true; }
 
 /*********
  * Lists *
  *********/
 list, list-row {
   background-color: #31363B;
   border-width: 0px;
   border-color: #3DADE8; }
 
 list-row,
 .grid-child {
   padding: 0px 2px;
   border-style: solid;
   border-width: 0px;
   border-color: #3DADE8; }
 
 list-row.button, headerbar list-row.button.titlebutton,
 .titlebar list-row.button.titlebutton,
 list-row.button:backdrop,
 list-row.button:backdrop:active,
 list-row.button:backdrop:checked,
 list-row.button:backdrop:disabled,
 list-row.button:backdrop:disabled:active,
 list-row.button:backdrop:disabled:checked,
 list-row.button:disabled:active,
 list-row.button:disabled:checked {
   background-color: rgba(35, 38, 41, 0);
   border-style: none;
   border-radius: 0;
   box-shadow: none; }
 
 list-row.button:hover {
   background-color: rgba(61, 173, 232, 0.2); }
 list-row.button:active {
   box-shadow: none; }
 list-row.button:selected:active {
   box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
 list-row.button:selected:hover {
   background-color: #4fb4e9; }
 list-row.button:selected:backdrop {
   background-color: #3DADE8; }
 list-row.button:backdrop:hover {
   background-color: transparent; }
 
 list-row:selected button {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   color: #EEEFF0;
   border-color: #696D71;
   background-image: linear-gradient(to bottom, #363b41, #31363b); }
   list-row:selected button.flat, list-row:selected headerbar .titlebutton.button, headerbar list-row:selected .titlebutton.button,
   list-row:selected .titlebar .titlebutton.button,
   .titlebar list-row:selected .titlebutton.button {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #EEEFF0; }
   list-row:selected button:hover {
     color: #EEEFF0;
     border-color: #3DADE8;
     background-image: linear-gradient(to bottom, #31363b, #31363b); }
   list-row:selected button:active, list-row:selected button:checked {
     color: #31363B;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
   list-row:selected button:backdrop, list-row:selected button.flat:backdrop, list-row:selected headerbar .titlebutton.button:backdrop, headerbar list-row:selected .titlebutton.button:backdrop,
   list-row:selected .titlebar .titlebutton.button:backdrop,
   .titlebar list-row:selected .titlebutton.button:backdrop {
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #31363B);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     list-row:selected button:backdrop:active, list-row:selected button:backdrop:checked, list-row:selected button.flat:backdrop:active, list-row:selected headerbar .titlebutton.button:backdrop:active, headerbar list-row:selected .titlebutton.button:backdrop:active,
     list-row:selected .titlebar .titlebutton.button:backdrop:active,
     .titlebar list-row:selected .titlebutton.button:backdrop:active, list-row:selected button.flat:backdrop:checked, list-row:selected headerbar .titlebutton.button:backdrop:checked, headerbar list-row:selected .titlebutton.button:backdrop:checked,
     list-row:selected .titlebar .titlebutton.button:backdrop:checked,
     .titlebar list-row:selected .titlebutton.button:backdrop:checked {
       color: #606468;
       border-color: #63686c;
       background-image: linear-gradient(to bottom, #43484c);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     list-row:selected button:backdrop:disabled, list-row:selected button.flat:backdrop:disabled, list-row:selected headerbar .titlebutton.button:backdrop:disabled, headerbar list-row:selected .titlebutton.button:backdrop:disabled,
     list-row:selected .titlebar .titlebutton.button:backdrop:disabled,
     .titlebar list-row:selected .titlebutton.button:backdrop:disabled {
       color: #545c65;
       border-color: #63686c;
       background-image: linear-gradient(to bottom, #3a3f44);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       list-row:selected button:backdrop:disabled > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled > .label,
       list-row:selected .titlebar button.titlebutton:backdrop:disabled > .label, list-row:selected button.flat:backdrop:disabled > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled > .label,
       list-row:selected .titlebar .titlebutton.button:backdrop:disabled > .label,
       .titlebar list-row:selected .titlebutton.button:backdrop:disabled > .label {
         color: inherit; }
       list-row:selected button:backdrop:disabled:active, list-row:selected button:backdrop:disabled:checked, list-row:selected button.flat:backdrop:disabled:active, list-row:selected headerbar .titlebutton.button:backdrop:disabled:active, headerbar list-row:selected .titlebutton.button:backdrop:disabled:active,
       list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active,
       .titlebar list-row:selected .titlebutton.button:backdrop:disabled:active, list-row:selected button.flat:backdrop:disabled:checked, list-row:selected headerbar .titlebutton.button:backdrop:disabled:checked, headerbar list-row:selected .titlebutton.button:backdrop:disabled:checked,
       list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked,
       .titlebar list-row:selected .titlebutton.button:backdrop:disabled:checked {
         color: #545c65;
         border-color: #63686c;
         background-image: linear-gradient(to bottom, #2e3236); }
         list-row:selected button:backdrop:disabled:active > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled:active > .label,
         list-row:selected .titlebar button.titlebutton:backdrop:disabled:active > .label, list-row:selected button:backdrop:disabled:checked > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled:checked > .label,
         list-row:selected .titlebar button.titlebutton:backdrop:disabled:checked > .label, list-row:selected button.flat:backdrop:disabled:active > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled:active > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled:active > .label,
         list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active > .label,
         .titlebar list-row:selected .titlebutton.button:backdrop:disabled:active > .label, list-row:selected button.flat:backdrop:disabled:checked > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled:checked > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled:checked > .label,
         list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked > .label,
         .titlebar list-row:selected .titlebutton.button:backdrop:disabled:checked > .label {
           color: inherit; }
   list-row:selected button.flat:backdrop, list-row:selected headerbar .titlebutton.button:backdrop, headerbar list-row:selected .titlebutton.button:backdrop,
   list-row:selected .titlebar .titlebutton.button:backdrop,
   .titlebar list-row:selected .titlebutton.button:backdrop {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #606468; }
   list-row:selected button:disabled {
     color: #909396;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3a3f44);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     list-row:selected button:disabled > .label, list-row:selected headerbar button.titlebutton:disabled > .label,
     list-row:selected .titlebar button.titlebutton:disabled > .label {
       color: inherit; }
     list-row:selected button:disabled:active, list-row:selected button:disabled:checked {
       color: #909396;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
       list-row:selected button:disabled:active > .label, list-row:selected headerbar button.titlebutton:disabled:active > .label,
       list-row:selected .titlebar button.titlebutton:disabled:active > .label, list-row:selected button:disabled:checked > .label, list-row:selected headerbar button.titlebutton:disabled:checked > .label,
       list-row:selected .titlebar button.titlebutton:disabled:checked > .label {
         color: inherit; }
 
 list-row, list-row.button, headerbar list-row.button.titlebutton,
 .titlebar list-row.button.titlebutton {
   transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   list-row:hover, list-row.button:hover, headerbar list-row.button.titlebutton:hover,
   .titlebar list-row.button.titlebutton:hover {
     transition: none; }
 
 /*********************
  * App Notifications *
  *********************/
 .app-notification,
 .app-notification.frame {
   padding: 10px;
   border: none;
   border-radius: 0 0 3px 3px;
   background-color: rgba(35, 38, 41, 0.8);
   background-image: none;
   background-clip: padding-box; }
   .app-notification:backdrop,
   .app-notification.frame:backdrop {
     background-image: none; }
   .app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
   .app-notification .titlebar button.titlebutton,
   .titlebar .app-notification button.titlebutton,
   .app-notification.frame button {
     color: #EEEFF0;
     border-color: #696D71;
     background-image: none;
     background-color: #31363B;
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     font-weight: normal; }
     .app-notification button.flat, .app-notification headerbar .titlebutton.button, headerbar .app-notification .titlebutton.button,
     .app-notification .titlebar .titlebutton.button,
     .titlebar .app-notification .titlebutton.button,
     .app-notification.frame button.flat,
     .app-notification.frame headerbar .titlebutton.button,
     headerbar .app-notification.frame .titlebutton.button,
     .app-notification.frame .titlebar .titlebutton.button,
     .titlebar .app-notification.frame .titlebutton.button {
       -gtk-icon-shadow: 0 1px black;
       text-shadow: 0 1px black; }
     .app-notification button:hover,
     .app-notification.frame button:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: none;
       background-clip: padding-box;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked,
     .app-notification.frame button:active,
     .app-notification.frame button:checked,
     .app-notification.frame button:backdrop:active,
     .app-notification.frame button:backdrop:checked {
       color: #EEEFF0;
       border-color: rgba(35, 38, 41, 0.8);
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .app-notification button:disabled, .app-notification button:backdrop:disabled,
     .app-notification.frame button:disabled,
     .app-notification.frame button:backdrop:disabled {
       color: #909396;
       border-color: #3a3f44;
       background-image: none;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .app-notification button:backdrop,
     .app-notification.frame button:backdrop {
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
 
 /*************
  * Expanders *
  *************/
 treeview.view expander {
   -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
   treeview.view expander:dir(rtl) {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
   treeview.view expander:hover {
     color: white; }
   treeview.view expander:checked {
     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
 
 /************
  * Calendar *
  ***********/
 calendar {
   color: #EEEFF0;
   border: 1px solid #696D71; }
   calendar.header {
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 0; }
     calendar.header:backdrop {
       border-color: rgba(0, 0, 0, 0.1); }
   calendar.button, headerbar calendar.button.titlebutton,
   .titlebar calendar.button.titlebutton {
     color: rgba(238, 239, 240, 0.45); }
     calendar.button:hover, headerbar calendar.button.titlebutton:hover,
     .titlebar calendar.button.titlebutton:hover {
       color: #EEEFF0; }
     calendar.button:backdrop, headerbar calendar.button.titlebutton:backdrop,
     .titlebar calendar.button.titlebutton:backdrop {
       color: rgba(96, 100, 104, 0.45); }
   calendar:indeterminate, calendar:indeterminate:backdrop, calendar.highlight, calendar.highlight:backdrop {
     color: alpha(currentColor,0.55); }
   calendar:backdrop {
     color: #EEEFF0;
     border-color: #63686c; }
 
 /***********
  * Dialogs *
  ***********/
 message-dialog {
   -GtkDialog-button-spacing: 8;
   -GtkDialog-action-area-border: 8; }
   message-dialog .titlebar {
     box-shadow: none; }
   message-dialog.csd.background {
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px; }
   message-dialog.csd .dialog-action-area button {
     border-radius: 0;
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #363b41, #31363b); }
     message-dialog.csd .dialog-action-area button:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #31363b, #31363b); }
     message-dialog.csd .dialog-action-area button:active {
       color: #31363B;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
     message-dialog.csd .dialog-action-area button:disabled {
       color: #909396;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3a3f44);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       message-dialog.csd .dialog-action-area button:disabled > .label, message-dialog.csd .dialog-action-area headerbar button.titlebutton:disabled > .label,
       message-dialog.csd .dialog-action-area .titlebar button.titlebutton:disabled > .label {
         color: inherit; }
     message-dialog.csd .dialog-action-area button:backdrop {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #31363B);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     message-dialog.csd .dialog-action-area button:backdrop:disabled {
       color: #545c65;
       border-color: #63686c;
       background-image: linear-gradient(to bottom, #3a3f44);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       message-dialog.csd .dialog-action-area button:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar button.titlebutton:backdrop:disabled > .label,
       message-dialog.csd .dialog-action-area .titlebar button.titlebutton:backdrop:disabled > .label {
         color: inherit; }
     message-dialog.csd .dialog-action-area button.suggested-action {
       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
       color: white;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
       message-dialog.csd .dialog-action-area button.suggested-action:hover {
         color: white;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
       message-dialog.csd .dialog-action-area button.suggested-action:active {
         color: white;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
       message-dialog.csd .dialog-action-area button.suggested-action:backdrop {
         color: white;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3DADE8);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         message-dialog.csd .dialog-action-area button.suggested-action:backdrop:disabled {
           color: #545c65;
           border-color: #63686c;
           background-image: linear-gradient(to bottom, #3a3f44);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
           message-dialog.csd .dialog-action-area button.suggested-action:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
           message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label {
             color: inherit; }
       message-dialog.csd .dialog-action-area button.suggested-action:disabled {
         background-color: #31363B;
         color: shade(#EEEFF0, 0.5); }
     message-dialog.csd .dialog-action-area button.destructive-action {
       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
       color: white;
       border-color: #d51010;
       background-image: linear-gradient(to bottom, #df1111, #d51010); }
       message-dialog.csd .dialog-action-area button.destructive-action:hover {
         color: white;
         border-color: #d51010;
         background-image: linear-gradient(to bottom, #d51010, #d51010); }
       message-dialog.csd .dialog-action-area button.destructive-action:active {
         color: white;
         border-color: #d51010;
         background-image: linear-gradient(to bottom, #d51010, shade(#d51010, 0.8)); }
       message-dialog.csd .dialog-action-area button.destructive-action:backdrop {
         color: white;
         border-color: #d51010;
         background-image: linear-gradient(to bottom, #d51010);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         message-dialog.csd .dialog-action-area button.destructive-action:backdrop:disabled {
           color: #545c65;
           border-color: #63686c;
           background-image: linear-gradient(to bottom, #3a3f44);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
           message-dialog.csd .dialog-action-area button.destructive-action:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar .destructive-action.button.titlebutton:backdrop:disabled > .label,
           message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:disabled > .label {
             color: inherit; }
       message-dialog.csd .dialog-action-area button.destructive-action:disabled {
         background-color: #31363B;
         color: shade(#EEEFF0, 0.5); }
 filechooser .search-bar {
   background-color: #31363B;
   border-color: #31363B;
   box-shadow: none; }
   filechooser .search-bar:backdrop {
     background-color: #25292c;
     border-color: #31363B; }
 filechooser .dialog-action-box {
   border-top: 1px solid #696D71; }
   filechooser .dialog-action-box:backdrop {
     border-top-color: #63686c; }
 
 /***********
  * Sidebar *
  ***********/
 .sidebar {
   border: none;
   background-color: #31363B; }
 
 placessidebar.sidebar .view {
   color: #EEEFF0;
   background-color: transparent; }
   placessidebar.sidebar .view .image {
     color: #b5b8ba; }
     placessidebar.sidebar .view .image:selected {
       color: #dce8ef; }
       placessidebar.sidebar .view .image:selected:backdrop {
         color: #dce8ef; }
     placessidebar.sidebar .view .image:disabled {
       color: #74777b; }
     placessidebar.sidebar .view .image:backdrop {
       color: #52565b; }
       placessidebar.sidebar .view .image:backdrop:disabled {
         color: #4a5158; }
   placessidebar.sidebar .view:disabled {
     color: #909396; }
   placessidebar.sidebar .view:backdrop {
     color: #606468; }
     placessidebar.sidebar .view:backdrop:disabled {
       color: #545c65; }
 
 .sidebar-item {
   padding: 10px 4px; }
   .sidebar-item > .label {
     padding-left: 6px;
     padding-right: 6px; }
   .sidebar-item.needs-attention > .label {
     background-size: 6px 6px, 0 0; }
 
 /*********
  * Paned *
  *********/
 paned {
   -paned-handle-size: 1;
   -gtk-icon-source: none;
   margin: 0 8px 8px 0; }
   paned:dir(rtl) {
     margin-right: 0;
     margin-left: 8px; }
   paned .pane-separator {
     background-color: #696D71; }
     paned .pane-separator:backdrop {
       background-color: #63686c; }
 
 paned.wide {
   -paned-handle-size: 5;
   margin: 0; }
   paned.wide .pane-separator {
     background-color: transparent;
     border-style: none solid;
     border-color: #696D71;
     border-width: 1px; }
   paned.wide.vertical .pane-separator {
     border-style: solid none; }
   paned.wide .pane-separator:backdrop {
     border-color: #63686c; }
 
 /**************
  * infobar *
  **************/
 infobar {
   border-style: none; }
 
 .info,
 .question,
 .warning,
 .error {
   background-color: #31363B;
   color: #EEEFF0;
   text-shadow: none;
   border-color: #1a97d8; }
   .info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton,
   .info .titlebar button.titlebutton,
   .titlebar .info button.titlebutton,
   .question button,
   .question headerbar button.titlebutton,
   headerbar .question button.titlebutton,
   .question .titlebar button.titlebutton,
   .titlebar .question button.titlebutton,
   .warning button,
   .warning headerbar button.titlebutton,
   headerbar .warning button.titlebutton,
   .warning .titlebar button.titlebutton,
   .titlebar .warning button.titlebutton,
   .error button,
   .error headerbar button.titlebutton,
   headerbar .error button.titlebutton,
   .error .titlebar button.titlebutton,
   .titlebar .error button.titlebutton {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #3DADE8;
     background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
     .info button:hover,
     .question button:hover,
     .warning button:hover,
     .error button:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
     .info button:active,
     .question button:active,
     .warning button:active,
     .error button:active {
       color: #31363B;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
     .info button:disabled,
     .question button:disabled,
     .warning button:disabled,
     .error button:disabled {
       color: #909396;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3999cb);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       .info button:disabled > .label, .info headerbar button.titlebutton:disabled > .label,
       .info .titlebar button.titlebutton:disabled > .label,
       .question button:disabled > .label,
       .question headerbar button.titlebutton:disabled > .label,
       .question .titlebar button.titlebutton:disabled > .label,
       .warning button:disabled > .label,
       .warning headerbar button.titlebutton:disabled > .label,
       .warning .titlebar button.titlebutton:disabled > .label,
       .error button:disabled > .label,
       .error headerbar button.titlebutton:disabled > .label,
       .error .titlebar button.titlebutton:disabled > .label {
         color: inherit; }
     .info button:backdrop,
     .question button:backdrop,
     .warning button:backdrop,
     .error button:backdrop {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3DADE8);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       border-color: #3DADE8; }
       .info button:backdrop:disabled,
       .question button:backdrop:disabled,
       .warning button:backdrop:disabled,
       .error button:backdrop:disabled {
         color: #78b7d8;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3999cb);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0);
         border-color: #3DADE8; }
         .info button:backdrop:disabled > .label, .info headerbar button.titlebutton:backdrop:disabled > .label,
         .info .titlebar button.titlebutton:backdrop:disabled > .label,
         .question button:backdrop:disabled > .label,
         .question headerbar button.titlebutton:backdrop:disabled > .label,
         .question .titlebar button.titlebutton:backdrop:disabled > .label,
         .warning button:backdrop:disabled > .label,
         .warning headerbar button.titlebutton:backdrop:disabled > .label,
         .warning .titlebar button.titlebutton:backdrop:disabled > .label,
         .error button:backdrop:disabled > .label,
         .error headerbar button.titlebutton:backdrop:disabled > .label,
         .error .titlebar button.titlebutton:backdrop:disabled > .label {
           color: inherit; }
   .info .label:selected,
   .info .label:selected:focus,
   .info .label:selected:hover,
   .question .label:selected,
   .question .label:selected:focus,
   .question .label:selected:hover,
   .warning .label:selected,
   .warning .label:selected:focus,
   .warning .label:selected:hover,
   .error .label:selected,
   .error .label:selected:focus,
   .error .label:selected:hover {
     background-color: #1a97d8; }
 
 /************
  * Tooltips *
  ************/
 tooltip {
   color: white;
   padding: 4px;
   /* not working */
   border-radius: 5px;
   box-shadow: none;
   text-shadow: 0 1px black; }
  tooltip.background {
     background-color: rgba(0, 0, 0, 0.8);
     background-clip: padding-box;
     border: 1px solid rgba(255, 255, 255, 0.1); }
  tooltip.window-frame.csd {
     background-color: transparent; }
 
 tooltip * {
   padding: 4px;
   background-color: transparent;
   color: inherit; }
 
 /*****************
  * Color Chooser *
  *****************/
 colorswatch {
   box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
   :selected colorswatch {
     box-shadow: none; }
     :selected colorswatch.overlay, :selected colorswatch.overlay:hover {
       border-color: #EEEFF0; }
   colorswatch:selected {
     box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
   colorswatch.top {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px; }
   colorswatch.bottom {
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px; }
   colorswatch.left, colorswatch:first-child:not(.overlay):not(.top) {
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px; }
   colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom) {
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px; }
   colorswatch:only-child:not(.overlay) {
     border-radius: 6px; }
   colorswatch.top > .overlay {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px; }
   colorswatch.bottom > .overlay {
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px; }
   colorswatch:first-child:not(.top) > .overlay {
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px; }
   colorswatch:last-child:not(.bottom) > .overlay {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px; }
   colorswatch:only-child > .overlay {
     border-radius: 5px; }
   colorswatch:hover, colorswatch:hover:selected {
     background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.4); }
     colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark {
       background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); }
   colorswatch:backdrop, colorswatch:backdrop:selected
   colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected {
     background-image: none;
     box-shadow: none; }
   colorchooser colorswatch {
     border-radius: 3px; }
     colorchooser colorswatch:hover {
       background-image: none;
       box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
     colorchooser colorswatch:backdrop {
       box-shadow: none; }
   colorswatch.color-dark {
     color: white;
     outline-color: rgba(0, 0, 0, 0.3); }
     colorswatch.color-dark:backdrop {
       color: rgba(255, 255, 255, 0.3); }
   colorswatch.color-light {
     color: black;
     outline-color: rgba(255, 255, 255, 0.5); }
     colorswatch.color-light:backdrop {
       color: rgba(0, 0, 0, 0.3); }
   colorswatch.overlay, colorswatch.overlay:selected {
     border: 1px solid #696D71; }
     colorswatch.overlay:hover, colorswatch.overlay:selected:hover {
       border-color: black; }
   colorswatch#add-color-button {
     border-style: solid;
     border-width: 1px;
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #363b41, #31363b); }
     colorswatch#add-color-button:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #31363b, #31363b); }
     colorswatch#add-color-button:backdrop {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #31363B);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
     colorswatch#add-color-button .overlay {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
 
 /********
  * Misc *
  ********/
 scale-popup button, scale-popup headerbar button.titlebutton, headerbar scale-popup button.titlebutton,
 scale-popup .titlebar button.titlebutton,
 .titlebar scale-popup button.titlebutton {
   padding: 6px; }
   scale-popup button:hover {
     background-color: rgba(238, 239, 240, 0.1);
     border-radius: 5px; }
 
 /**********************
  * Window Decorations *
  *********************/
 .window-frame {
   border-width: 0;
   box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
   /* this is used for the resize cursor area */
   margin: 10px; }
   .window-frame:backdrop {
     box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
   .window-frame.tiled {
     border-radius: 0; }
   .window-frame.popup {
     box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
   .window-frame.ssd {
     box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); }
   .window-frame.csd.popup {
     border-radius: 0;
     box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
   .window-frame.csd.tooltip {
     border-radius: 5px;
     box-shadow: none; }
   .window-frame.csd.message-dialog {
     border-radius: 7px;
     box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
   .window-frame.solid-csd {
     border-radius: 0;
     margin: 1px;
     background-color: #31363B;
     border: 0;
     box-shadow: none; }
 
 headerbar .titlebutton.button,
 .titlebar .titlebutton.button {
   padding: 2px; }
   headerbar .titlebutton.button:backdrop,
   .titlebar .titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
   headerbar .titlebutton.close.button,
   .titlebar .titlebutton.close.button {
     color: transparent;
     border-image: none;
     box-shadow: none;
     background-position: center;
     background-repeat: no-repeat;
     background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); }
   headerbar .titlebutton.close.button:hover,
   .titlebar .titlebutton.close.button:hover {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); }
   headerbar .titlebutton.close.button:active,
   .titlebar .titlebutton.close.button:active {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); }
   headerbar .titlebutton.close.button:backdrop,
   .titlebar .titlebutton.close.button:backdrop {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); }
   headerbar .titlebutton.maximize.button,
   .titlebar .titlebutton.maximize.button {
     color: transparent;
     border-image: none;
     box-shadow: none;
     background-position: center;
     background-repeat: no-repeat;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); }
   headerbar .titlebutton.maximize.button:hover,
   .titlebar .titlebutton.maximize.button:hover {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); }
   headerbar .titlebutton.maximize.button:active,
   .titlebar .titlebutton.maximize.button:active {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); }
   headerbar .titlebutton.maximize.button:backdrop,
   .titlebar .titlebutton.maximize.button:backdrop {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); }
   headerbar .titlebutton.minimize.button,
   .titlebar .titlebutton.minimize.button {
     color: transparent;
     border-image: none;
     box-shadow: none;
     background-position: center;
     background-repeat: no-repeat;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); }
   headerbar .titlebutton.minimize.button:hover,
   .titlebar .titlebutton.minimize.button:hover {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); }
   headerbar .titlebutton.minimize.button:active,
   .titlebar .titlebutton.minimize.button:active {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
   headerbar .titlebutton.minimize.button:backdrop,
   .titlebar .titlebutton.minimize.button:backdrop {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); }
 
 headerbar.selection-mode .titlebutton.button,
 .titlebar.selection-mode .titlebutton.button {
   text-shadow: none; }
   headerbar.selection-mode .titlebutton.button:backdrop,
   .titlebar.selection-mode .titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
 
 textview text selection, .view selection, .view:selected, calendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, menuitem.button.flat:selected, headerbar menuitem.titlebutton.button:selected,
 .titlebar menuitem.titlebutton.button:selected, list-row:selected, .sidebar:selected, placessidebar.sidebar .view:selected, placessidebar.sidebar calendar:selected {
   background-color: #3DADE8;
   color: #EEEFF0; }
 
 /* Decouple the font of context menus from their entry/textview */
 .touch-selection,
 .context-menu {
   font: initial; }
 
 .monospace {
   font: Monospace; }
 
 .overshoot.top {
   background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
   background-size: 100% 5%, 100% 100%;
   background-repeat: no-repeat;
   background-position: center top;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.top:backdrop {
     background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
     background-size: 100% 5%;
     background-repeat: no-repeat;
     background-position: center top;
     background-color: transparent;
     border: none;
     box-shadow: none; }
 .overshoot.bottom {
   background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
   background-size: 100% 5%, 100% 100%;
   background-repeat: no-repeat;
   background-position: center bottom;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.bottom:backdrop {
     background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
     background-size: 100% 5%;
     background-repeat: no-repeat;
     background-position: center bottom;
     background-color: transparent;
     border: none;
     box-shadow: none; }
 .overshoot.left {
   background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
   background-size: 5% 100%, 100% 100%;
   background-repeat: no-repeat;
   background-position: left center;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.left:backdrop {
     background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
     background-size: 5% 100%;
     background-repeat: no-repeat;
     background-position: left center;
     background-color: transparent;
     border: none;
     box-shadow: none; }
 .overshoot.right {
   background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
   background-size: 5% 100%, 100% 100%;
   background-repeat: no-repeat;
   background-position: right center;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.right:backdrop {
     background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
     background-size: 5% 100%;
     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.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-top: 1px;
   background-size: 10px 1px;
   background-repeat: repeat-x;
   background-origin: content-box;
   background-position: center top; }
 .undershoot.bottom {
   background-color: transparent;
   background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-bottom: 1px;
   background-size: 10px 1px;
   background-repeat: repeat-x;
   background-origin: content-box;
   background-position: center bottom; }
 .undershoot.left {
   background-color: transparent;
   background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-left: 1px;
   background-size: 1px 10px;
   background-repeat: repeat-y;
   background-origin: content-box;
   background-position: left center; }
 .undershoot.right {
   background-color: transparent;
   background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-right: 1px;
   background-size: 1px 10px;
   background-repeat: repeat-y;
   background-origin: content-box;
   background-position: right center; }
 
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */
 /*
 widget text/foreground color */
 @define-color theme_fg_color #EEEFF0;
 /*
 text color for entries, views and content in general */
 @define-color theme_text_color #EEEFF0;
 /*
 widget base background color */
 @define-color theme_bg_color #31363B;
 /*
 text widgets and the like base background color */
 @define-color theme_base_color #232629;
 /*
 base background color of selections */
 @define-color theme_selected_bg_color #3DADE8;
 /*
 text/foreground color of selections */
 @define-color theme_selected_fg_color #EEEFF0;
 /*
 base background color of insensitive widgets */
 @define-color insensitive_bg_color #3a3f44;
 /*
 text foreground color of insensitive widgets */
 @define-color insensitive_fg_color #909396;
 /*
 insensitive text widgets and the like base background color */
 @define-color insensitive_base_color #232629;
 /*
 widget text/foreground color on backdrop windows */
 @define-color theme_unfocused_fg_color #606468;
 /*
 text color for entries, views and content in general on backdrop windows */
 @define-color theme_unfocused_text_color #EEEFF0;
 /*
 widget base background color on backdrop windows */
 @define-color theme_unfocused_bg_color #31363B;
 /*
 text widgets and the like base background color on backdrop windows */
 @define-color theme_unfocused_base_color #25292c;
 /*
 base background color of selections on backdrop windows */
 @define-color theme_unfocused_selected_bg_color #3DADE8;
 /*
 text/foreground color of selections on backdrop windows */
 @define-color theme_unfocused_selected_fg_color #EEEFF0;
 /*
 widgets main borders color */
 @define-color borders #696D71;
 /*
 widgets main borders color on backdrop windows */
 @define-color unfocused_borders #63686c;
 /*
 these are pretty self explicative */
 @define-color warning_color #f67400;
 @define-color error_color #ed1515;
 @define-color success_color #5aa411;
 @define-color icon_red #da4453;
 /*
 titlebar colors */
 @define-color titlebar_bg_color #31363B;
 @define-color titlebar_fg_color #EEEFF0;
 @define-color hover_color #3DADE8;
 /*
 these colors are exported for the window manager and shouldn't be used in applications,
 read if you used those and something break with a version upgrade you're on your own... */
 @define-color wm_title #EEEFF0;
 @define-color wm_unfocused_title #606468;
 @define-color wm_highlight transparent;
 @define-color wm_borders_edge rgba(238, 239, 240, 0.1);
 @define-color wm_bg_a #31363B;
 @define-color wm_bg_b #31363B;
 @define-color wm_shadow alpha(black, 0.35);
 @define-color wm_border alpha(black, 0.18);
 @define-color wm_button_hover_color_a shade(#31363B, 1.3);
 @define-color wm_button_hover_color_b #31363B;
 @define-color wm_button_active_color_a shade(#31363B, 0.85);
 @define-color wm_button_active_color_b shade(#31363B, 0.89);
 @define-color wm_button_active_color_c shade(#31363B, 0.9);
 @define-color content_view_bg #232629;
 
 /*# sourceMappingURL=gtk-dark.css.map */
diff --git a/Breeze-gtk/gtk-3.0/_common.scss b/Breeze-gtk/gtk-3.0/_common.scss
index cda6bfe..c5a50cb 100755
--- a/Breeze-gtk/gtk-3.0/_common.scss
+++ b/Breeze-gtk/gtk-3.0/_common.scss
@@ -1,3422 +1,3422 @@
 @function gtkalpha($c,$a) {
   @return unquote("alpha(#{$c},#{$a})");
 }
 
 $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 
 * {
   padding: 0;
   -GtkToolButton-icon-spacing: 4;
   -GtkTextView-error-underline-color: $error_color;
 
   -GtkCheckButton-indicator-size: 16;
   -GtkCheckMenuItem-indicator-size: 16;
 
   // The size for scrollbars. The slider is 2px smaller, but we keep it
   // up so that the whole area is sensitive to button presses for the
   // slider. The stepper button is larger in both directions, the slider
   // only in the width
 
   -GtkScrolledWindow-scrollbar-spacing: 0;
   -GtkScrolledWindow-scrollbars-within-bevel: 1;
 
   -GtkToolItemGroup-expander-size: 11;
   -GtkExpander-expander-size: 16;
   -GtkTreeView-expander-size: 11;
 
   -GtkTreeView-horizontal-separator: 4;
 
   -GtkMenu-horizontal-padding: 0;
   -GtkMenu-vertical-padding: 0;
 
   -GtkWidget-link-color: $link_color;
   -GtkWidget-visited-link-color: $link_visited_color;
 
   -GtkWidget-focus-padding: 2;    // FIXME: do we still need these?
   -GtkWidget-focus-line-width: 1; //
 
   -GtkWidget-text-handle-width: 20;
   -GtkWidget-text-handle-height: 20;
 
   -GtkDialog-button-spacing: 4;
   -GtkDialog-action-area-border: 0;
 
   -GtkStatusbar-shadow-type: none;
 
   // We use the outline properties to signal the focus properties
   // to the adwaita engine: using real CSS properties is faster,
   // and we don't use any outlines for now.
 
   outline-width: 0px;
 }
 
 
 /***************
  * Base States *
  ***************/
 
 .background {
   color: $fg_color;
   background-color: if($variant == 'light', $bg_color, $bg_color);
 
   &:backdrop {
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: $fg_color;
     background-color: $backdrop_bg_color;
   }
 }
 
 /*
    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: $bg_color;
   color: $fg_color;
   &:hover {
     background-color: lighten($bg_color, 10%);
     color: $fg_color;
   }
   &:active {
     background-color: darken($bg_color, 10%);
     color: $fg_color;
   }
   &:disabled {
     background-color: $insensitive_bg_color;
     color: $insensitive_fg_color;
   }
   &:selected {
     background-color: $selected_bg_color;
     color: $selected_fg_color;
   }
 }
 
 .view {
   color: $text_color;
   background-color: $base_color;
 
 //  &:backdrop {
 //    color: $backdrop_text_color;
 //    background-color: $backdrop_base_color;
 //  }
 
   &:selected {
     border-radius: 3px;
     @extend %selected_items;
   }
   selection {
     @extend %selected_items;
   }
 }
 
 view.rubberband, rubberband, .view.rubberband, .rubberband, .rubberband {
   border: 1px solid $selected_bg_color;
   background-color: transparentize($selected_bg_color,0.8);
 }
 
 .label {
   &.separator {
     color: $fg_color;
     @extend .dim-label;
 //    &:backdrop { color: $backdrop_fg_color; }
   }
   &:selected,
   &:selected:focus,
   &:selected:hover {
     @extend %selected_items;
   }
   &:disabled {
     color: $insensitive_fg_color;
 //    &:backdrop { color: $backdrop_insensitive_color; }
   }
 }
 
 .dim-label {
   opacity: 0.55;
   text-shadow: none;
 }
 
 assistant {
   .sidebar {
     background-color: $base_color;
     border-top: 1px solid $borders_color;
     &:dir(ltr) { border-right: 1px solid $borders_color; }
     &:dir(rtl) { border-left: 1px solid $borders_color; }
     &:backdrop {
       background-color: $backdrop_base_color;
       border-color: $backdrop_borders_color;
     }
   }
   &.csd .sidebar { border-top-style: none; }
   .sidebar .label {
     padding: 6px 12px;
   }
   .sidebar .label.highlight {
     background-color: mix($bg_color, $fg_color, 80%);
   }
 }
 
 textview { // This will get overridden by .view, needed by gedit line numbers
   background-color: mix($bg_color, $base_color, 50%);
 //  &:backdrop { background-color: mix($backdrop_bg_color,
   //                                     $backdrop_base_color, 50%); }
   text selection, textview text selection:focus {
     @extend %selected_items;
   }
 }
 
 .grid-child {
   padding: 3px;
   border-radius: 3px;
   &:selected {
     @extend %selected_items;
   }
 }
 
 %osd, .osd {
   color: $osd_fg_color;
   border: 1px solid $bg_color;
   background-color: $osd_bg_color;
   background-clip: padding-box;
   outline-color: transparentize($osd_fg_color, 0.7);
   //box-shadow: none;
   text-shadow: none;
   -gtk-icon-shadow: none;
   &:backdrop { text-shadow: none; }
 }
 
 /*********************
  * Spinner Animation *
  *********************/
 
 @keyframes spin {
   to { -gtk-icon-transform: rotate(1turn); }
 }
 
 .spinner {
   background-image: none;
   background-color: blue;
   opacity: 0; // non spinning spinner makes no sense
   -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
   &:active {
     opacity: 1;
     animation: spin 1s linear infinite;
     &:disabled {
       opacity: 0.5;
     }
   }
 }
 
 /****************
  * Text Entries *
  ****************/
 
 entry {
   border: 1px solid;
   padding: 5px 8px 6px;
 
   &.image { // icons inside the entry
     &.left { padding-left: 0; }
     &.right { padding-right: 0; }
   }
 
   border-radius: 3px;
   transition: all 200ms $ease-out-quad;
   @include entry(normal);
 
   &.flat, &.flat:focus {
     padding: 2px;
     @include entry(normal, $edge:none);
     border: none;
     border-radius: 0;
   }
 
   &:focus { @include entry(focus); }
   &:disabled { @include entry(insensitive); }
   &:backdrop { @include entry(backdrop); }
   &:backdrop:disabled { @include entry(backdrop-insensitive); }
 
   &:selected,
   &:selected:focus {
     @extend %selected_items;
   }
 
   selection, selection:focus {
     color: #fcfcfc;
     background-color: #3daee9;
   }
 
   progressbar {
     margin: 1px;
     border-radius: 0;
     border-width: 0 0 2px;
     border-color: $selected_bg_color;
     border-style: solid;
     background-image: none;
     background-color: transparent;
     box-shadow: none;
     &:backdrop { background-color: transparent; }
   }
 
   .linked > & { //FIXME: use same buttons linking logic and template
     border-radius: 0;
     &:first-child {
       border-top-left-radius: 3px;
       border-bottom-left-radius: 3px;
       &:dir(rtl) { border-right-style: none;}
     }
     &:last-child {
       border-top-right-radius: 3px;
       border-bottom-right-radius: 3px;
       border-left-style: none;
       &:dir(rtl) { border-left-style: solid; }
     }
   }
 
   // entry error and warning style
   @each $e_type, $e_color in (error, $error_color),
                              (warning, $warning_color) {
     &.#{$e_type} {
       color: $e_color;
       border-color: entry_focus_border($e_color);
       &:focus { @include entry(focus, $e_color); }
       &:selected, &:selected:focus { background-color: $e_color; }
     }
   }
 
   &.image { // entry icons colors
     color: mix($fg_color, $base_color, 80%);
     &:hover { color: $fg_color; }
     &:active { color: $selected_bg_color; }
     &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); }
   }
 
   .osd & {
     @include entry(osd);
     &:focus { @include entry(osd-focus); }
     &:backdrop { @include entry(osd-backdrop); }
     &:disabled { @include entry(osd-insensitive); }
   }
 }
 
 // Vertically linked entries
 // FIXME: take care of "colored" entries
 .linked.vertical {
   > entry { @extend %linked_vertical; }
 
   // remove the edge hilight and the focus shadow (unfortunatelly)
   > entry:not(:last-child) { box-shadow: none; }
   // add back the focus shadow
   > entry:focus:not(:last-child) { box-shadow: entry_focus_shadow(); }
 
   // brighter border between linked entries
   > entry:not(:disabled) + entry:not(:disabled) {
     border-top-color: mix($borders_color, $base_color, 30%);
     background-image: linear-gradient(to bottom, $base_color);
     &:backdrop {
       border-top-color: mix($backdrop_borders_color, $backdrop_base_color, 30%);
       background-image: linear-gradient(to bottom, $backdrop_base_color);
     }
   }
 
   // color back the top border of a linked focused entry following another entry and add back the focus shadow.
   > entry + entry:focus:not(:last-child) {
     border-top-color: entry_focus_border();
     box-shadow: entry_focus_shadow();
   }
   // just recolor the top border on the last focused entry, since we don't reset the shadow here letting that be
   // inherited by the entry styling.
   > entry + entry:focus:last-child {
     border-top-color: entry_focus_border();
   }
 
   // this takes care of coloring the top border of the focused entry subsequent widget.
   // :not(:only-child) is a specificity bump hack.
   > entry:focus:not(:only-child) + entry,
   > entry:focus:not(:only-child) + button,
   > entry:focus:not(:only-child) + combobox > button,
   > entry:focus:not(:only-child) + comboboxText > button { border-top-color: entry_focus_border(); }
 }
 
 
 /***********
  * Buttons *
  ***********/
 
 // stuff for .needs-attention
 $_dot_color: if($variant=='light', $selected_bg_color,
                                    lighten($selected_bg_color,15%));
 @keyframes needs_attention {
   from {
     background-image: -gtk-gradient(radial,
                                     center center, 0,
                                     center center, 0.01,
                                     to($_dot_color),
                                     to(transparent));
   }
   to {
     background-image: -gtk-gradient(radial,
                                     center center, 0,
                                     center center, 0.5,
                                     to($selected_bg_color),
                                     to(transparent));
   }
 }
 
 
 button {
 
   $_button_transition: all 200ms $ease-out-quad;
 
   border: 1px solid;
   border-radius: 3px;
   padding: 5px 8px 6px;
   //transition: $_button_transition;
   @include button(normal);
   &.flat {
     @include button(undecorated);
     // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set
     // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but
     // it won't fade out when the pointer leave the button allocation area. To make the transition more evident
     // in this case the duration is increased.
     transition: none;
     &:hover {
       transition: $_button_transition;
       transition-duration: 500ms;
       &:active { transition: $_button_transition; }
     }
   }
   &:hover {
     @include button(hover);
     -gtk-icon-effect: highlight;
   }
   &:active, &:checked {
     @include button(active);
     transition-duration: 50ms;
     &:hover {
 	  @include button(active-hover);
       }
   }
 //  &:backdrop, &.flat:backdrop {
 //    @include button(backdrop);
 //    -gtk-icon-effect: none;
 //    &:active, &:checked {
 //      @include button(backdrop-active);
 //    }
 //    &:disabled {
 //      @include button(backdrop-insensitive);
 //    }
 //    &:disabled:active, &:disabled:checked {
 //      @include button(backdrop-insensitive-active);
 //    }
 //  }
   &.flat:backdrop, &.flat:disabled, &.flat:backdrop:disabled {
     @include button(undecorated);
   }
   &:disabled {
     @include button(insensitive);
     &:active, &:checked {
       @include button(insensitive-active);
     }
   }
   // big standalone buttons like in Documents pager
   &.osd {
     &.image-button { padding: 13px; }
     color: $osd_fg_color;
     border-radius: 5px;
     outline-color: transparentize($osd_fg_color, 0.7);  //FIXME: define a color var?
     @include button(osd);
     border: none;
     box-shadow: none;
     &:hover {
       @include button(osd-hover);
       border: none;
       box-shadow: none;
     }
     &:active, &:checked {
       @include button(osd-active);
       border: none;
       box-shadow: none;
     }
     &:disabled, &:backdrop:disabled {
       @include button(osd-insensitive);
       border: none;
     }
     &:backdrop {
       @include button(osd-backdrop);
       border: none;
     }
   }
   //overlay / OSD style
   .osd & {
     @include button(osd);
     // there's a problem with sass which prevents it to extend the linked
     // placeholder as expected, it should just be "@extend %linked;", the
     // placeholder is basically replicated here
     //
     // Workaround START
     border-radius: 3px;
     border-style: solid;
     &:dir(rtl) {
       border-radius: 3px;
     }
     &:first-child {
       border-radius: 3px 3px 3px 3px;
     }
     &:last-child {
       border-radius: 3px 3px 3px 3px;
       &:dir(rtl) { border-right-style: solid; }
     }
     &:only-child {
       border-radius: 3px;
       border-style: solid;
     }
     // Workaround END
     &:hover {
       @include button(osd-hover);
       @extend %linked;
     }
     &:active, &:checked, &:backdrop:active, &:backdrop:checked {
       @include button(osd-active);
       @extend %linked;
     }
     &:disabled, &:backdrop:disabled {
       @include button(osd-insensitive);
       @extend %linked;
     }
     &:backdrop {
       @include button(osd-backdrop);
       @extend %linked;
     }
     &.flat {
       @include button(undecorated);
       box-shadow: none; //FIXME respect no edge on the button mixin
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal;
       &:hover {
         @include button(osd-hover);
         background-clip: padding-box;
         box-shadow: none;
       }
       &:disabled {
         @include button(osd-insensitive);
         background-image: none;
         border-color: transparent;
         box-shadow: none;
       }
       &:backdrop { @include button(undecorated); }
       &:active, &:checked {
         @include button(osd-active);
         background-clip: padding-box;
         border-color: transparent;
         box-shadow: none;
       }
     }
   }
 
   // Suggested and Destructive Action buttons
   @each $b_type, $b_color in (suggested-action, $selected_bg_color),
                               (destructive-action, $destructive_color) {
     &.#{$b_type} {
       @include button(normal, $b_color, $base_color);
       &.flat {
         @include button(undecorated);
         color: $b_color; //FIXME: does it work on the dark variant?
       }
       &:hover { @include button(hover, $b_color, white); }
       &:active, &:checked { @include button(active, $b_color, white); }
       &:backdrop, &.flat:backdrop {
         @include button(backdrop, $b_color, white);
         &:active, &:checked {
           @include button(backdrop-active, $b_color, white);
         }
         &:disabled {
           @include button(backdrop-insensitive);
           &:active, &:checked {
             @include button(backdrop-insensitive-active, $b_color, white);
           }
         }
       }
       &.flat:backdrop, &.flat:disabled, &.flat:backdrop:disabled {
         @include button(undecorated);
         color: transparentize($b_color, 0.2);
       }
       &:disabled {
         //@include button(insensitive);
         background-color: transparent;
 	    color: shade($titlebar_fg_color,0.5);
         &:active, &:checked {
           //@include button(insensitive-active, $b_color, white);
           background-color: transparent;
 	      color: shade($titlebar_fg_color,0.5);
         }
       }
       .osd & {
         @include button(osd, $b_color);
         @extend %linked;
         &:hover {
           @include button(osd-hover, $b_color);
           @extend %linked;
         }
         &:active, &:checked, &:backdrop:active, &:backdrop:checked {
           @include button(osd-active, $b_color);
           @extend %linked;
         }
         &:disabled, &:backdrop:disabled {
           @include button(osd-insensitive, $b_color);
           @extend %linked;
         }
         &:backdrop {
           @include button(osd-backdrop, $b_color);
           @extend %linked;
         }
       }
     }
   }
 
   &.image-button { padding: 8px; }
 
   &.text-button {
     padding-left: 16px;
     padding-right: 16px;
   }
 
   &.text-button.image-button {
     // those buttons needs uneven horizontal padding, we want the icon side
     // to have the image-button padding, while the text side the text-button
     // one, so we're adding the missing padding to the label depending on
     // its position inside the button
     padding: 5px 8px 6px; // same as button
     .label:first-child { padding-left: 8px; }
     .label:last-child { padding-right: 8px; }
   }
 
   .stack-switcher > & {
     // to position the needs attention dot, padding is added to the button
     // child, a label needs just lateral padding while an icon needs vertical
     // padding added too.
 
     outline-offset: -3px; // needs to be set or it gets overriden by radiobutton outline-offset
 
     > .label {
       padding-left: 6px;  // label padding
       padding-right: 6px; //
     }
     > image {
       padding-left: 6px;   // image padding
       padding-right: 6px;  //
       padding-top: 3px;    //
       padding-bottom: 3px; //
     }
     &.text-button {
       padding: 5px 10px 6px; // needed or it will get overridden
     }
     &.image-button {
       // we want image buttons to have a 1:1 aspect ratio, so compensation
       // of the padding added to the image is needed
       padding: 5px 2px;
     }
     &.needs-attention > .label,
     &.needs-attention > image { @extend %needs_attention; }
     &.needs-attention:active > .label,
     &.needs-attention:active > image,
     &.needs-attention:checked > .label,
     &.needs-attention:checked > image {
       animation: none;
       background-image: none;
     }
   }
 
   //inline-toolbar buttons
   .inline-toolbar &, .inline-toolbar &:backdrop {
     border-radius: 2px;
     border-width: 1px;
     @extend %linked;
   }
 
   .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows
 
   .linked > &,
   .linked > &:hover,
   .linked > &:active,
   .linked > &:checked,
   .linked > &:backdrop { @extend %linked; }
 
   .linked.vertical > &,
   .linked.vertical > &:hover,
   .linked.vertical > &:active,
   .linked.vertical > &:checked,
   .linked.vertical > &:backdrop { @extend %linked_vertical; }
 }
 
 %needs_attention {
   animation: needs_attention 150ms ease-in;
   $_dot_shadow: _text_shadow_color();
   $_dot_shadow_r: if($variant=='light',0.5,0.45);
   background-image: -gtk-gradient(radial,
                                   center center, 0,
                                   center center, 0.5,
                                   to($_dot_color),
                                   to(transparent)),
                     -gtk-gradient(radial,
                                   center center, 0,
                                   center center, $_dot_shadow_r,
                                   to($_dot_shadow),
                                   to(transparent));
   background-size: 6px 6px, 6px 6px;
   background-repeat: no-repeat;
   @if $variant == 'light' { background-position: right 3px, right 4px; }
   @else { background-position: right 3px, right 2px; }
   &:backdrop { background-size: 6px 6px, 0 0;}
   &:dir(rtl) {
     @if $variant == 'light' { background-position: left 3px, left 4px; }
     @else { background-position: left 3px, left 2px; }
   }
 }
 
 
 // all the following is for the +|- buttons on inline toolbars, that way
 // should really be deprecated...
 .inline-toolbar toolbutton > button { // redefining the button look is
                                           // needed since those are flat...
   @include button(normal);
   &:hover { @include button(hover); }
   &:active,
   &:checked{ @include button(active); }
   &:disabled { @include button(insensitive); }
   &:disabled:active,
   &:disabled:checked { @include button(insensitive-active); }
   &:backdrop { @include button(backdrop); };
   &:backdrop:active,
   &:backdrop:checked { @include button(backdrop-active); }
   &:backdrop:disabled { @include button(backdrop-insensitive); }
   &:backdrop:disabled:active,
   &:backdrop:disabled:checked {
     @include button(backdrop-insensitive-active); }
 }
 
 // More inline toolbar buttons
 .inline-toolbar.toolbar toolbutton,
 .inline-toolbar.toolbar toolbutton:backdrop {
   & > button.flat { @extend %linked_middle; }
   &:dir(rtl) > button.flat { @extend %linked_middle:dir(rtl); }
   &:first-child > button.flat { @extend %linked:first-child; }
   &:last-child > button.flat { @extend %linked:last-child; }
   &:last-child:dir(rtl) > button.flat { @extend %linked:last-child:dir(rtl); }
   &:only-child > button.flat { @extend %linked:only-child; }
 }
 
 %linked_middle {
   //border-radius: 0;
   //border-left-style: none;
   &:dir(rtl) {
     border-radius: 3px; // needed when including %linked_middle:dir(rtl)
     //border-right-style: none;
     //border-left-style: solid
   }
 }
 
 %linked {
   @extend %linked_middle;
   &:first-child {
     border-radius: 3px 3px 3px 3px;
     border-left-style: solid;
   }
   &:last-child {
     border-radius: 3px 3px 3px 3px;
     &:dir(rtl) { border-right-style: solid; }
   }
   &:only-child {
     border-radius: 3px;
     border-style: solid;
   }
 }
 
 %linked_vertical_middle {
   border-left-style: solid;
   border-bottom-style: none;
   border-radius: 3px;
 }
 
 %linked_vertical{
   @extend %linked_vertical_middle;
   &:first-child {
     border-radius: 3px 3px 3px 3px;
   }
   &:last-child {
     border-radius: 3px 3px 3px 3px;
     border-style: solid;
   }
   &:only-child {
     border-radius: 3px;
     border-style: solid;
   }
 }
 
 %undecorated_button {
   border-color: transparent;
   background-color: transparent;
   background-image: none;
   box-shadow: inset 0 1px transparentize(white,1),
               0 1px transparentize(white, 1);
   text-shadow: none;
   -gtk-icon-shadow: none;
 }
 
 /* menu buttons */
 menuitem.button.flat {
   @extend %undecorated_button;
   outline-offset: -1px;
   &:hover { background-color: mix($fg_color, $bg_color, 10%); }
   &:selected { @extend %selected_items; }
   &:backdrop, &:backdrop:hover {
     @extend %undecorated_button;
   }
 }
 
 
 button.color {
   padding: 5px; // Uniform padding on the GtkColorButton
 
   colorswatch:first-child:last-child { // :first-child:last-child for a specificity bump, it gets overridden by the
                                           // colorpicker style, otherwise
     border-radius: 0;
     box-shadow: inset 0 1px 1px transparentize(black, 0.9),
                 _widget_edge();
     &:disabled,
     &:backdrop { box-shadow: none; }
   }
 }
 
 /*********
  * Links *
  *********/
 
 *:link {
   color: $link_color;
   &:visited {
     color: $link_visited_color;
     *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); }
   }
   &:hover {
     color: lighten($link_color,10%);
     *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); }
   }
   &:active {
     color: $link_color;
     *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); }
   }
   &:backdrop, &:backdrop:hover, &:backdrop:hover:selected {
     color: $selected_bg_color;
   }
   &:selected, *:selected & {
     color: mix($selected_fg_color, $selected_bg_color, 80%);
   }
 }
 
 button:link, button:visited {
   @extend %undecorated_button;
   @extend *:link;
   text-shadow: none;
   &:hover, &:active, &:checked {
     @extend %undecorated_button;
     text-shadow: none;
   }
   &:backdrop {
     @extend %undecorated_button; //This shouldn't be needed but avoids
                                  //a weird transition which for some reason
                                  //makes borders blink on hover
   }
 }
 
 /*****************
  * GtkSpinButton *
  *****************/
 
 spinbutton {
   button {
     background-image: none;
     border-style: none none none solid;
     border-color: transparentize($borders_color, 0.7);
     color: mix($fg_color, $base_color, 90%);
     border-radius: 0;
     box-shadow: none;
   //  padding-left: 6px;
   //  padding-right: 6px;
     &:dir(rtl) { border-style: none solid none none; }
     &:hover {
       color: $fg_color;
       background-color: transparentize($fg_color, 0.95);
     }
     &:disabled {
       color: transparentize($insensitive_fg_color, 0.7);
     }
     &:active {
       box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8);
       background-color: transparentize(black, 0.9);
     }
     &:backdrop {
       color: mix($backdrop_fg_color, $backdrop_base_color, 90%);
       border-color: transparentize($backdrop_borders_color, 0.7);
       background-color: transparent;
     }
     &:backdrop:disabled {
       background-image: none;
       color: transparentize($backdrop_insensitive_color,0.7);
       border-style: none none none solid; // It is needed or it gets overridden
       &:dir(rtl) { border-style: none solid none none; }
     }
   }
   .osd & {
     button {
       @include button(undecorated);
       color: $osd_fg_color;
       border-style: none none none solid;
       border-color: transparentize($osd_borders_color, 0.3);
       border-radius: 0;
       box-shadow: none;
       -gtk-icon-shadow: 0 1px black;
       &:dir(rtl) { border-style: none solid none none; }
       &:hover {
         @include button(undecorated);
         color: $osd_fg_color;
         border-color: transparentize(opacify($osd_borders_color, 1), 0.5);
         background-color: transparentize($osd_fg_color, 0.9);
         -gtk-icon-shadow: 0 1px black;
         box-shadow: none;
       }
       &:backdrop {
         @include button(undecorated);
         color: $osd_fg_color;
         border-color: transparentize(opacify($osd_borders_color, 1), 0.5);
         -gtk-icon-shadow: none;
         box-shadow: none;
       }
       &:disabled {
         @include button(undecorated);
         color: $osd_insensitive_fg_color;
         border-color: transparentize(opacify($osd_borders_color, 1), 0.5);
         -gtk-icon-shadow: none;
         box-shadow: none;
       }
       &:last-child { border-radius: 0 3px 3px 0; }
       &:dir(rtl):first-child { border-radius: 3px 0 0 3px; }
     }
   }
   &.vertical, &.vertical:dir(rtl) { //FIXME: try using linking templates for vertically linked stuff
     button {
       padding-top: 8px;    //  Same vertical padding as image-buttons
       padding-bottom: 8px; //
       &:first-child {
         @extend %top_button;
         @include button(normal, $edge:none);
         &:active {
           @extend %top_button;
           @include button(active, $edge:none);
         }
         &:hover {
           @extend %top_button;
           @include button(hover, $edge:none);
         }
         &:disabled {
           @extend %top_button;
           @include button(insensitive, $edge:none);
         }
         &:backdrop {
           @extend %top_button;
           @include button(backdrop, $edge:none);
         }
       }
       &:last-child {
         @extend %bottom_button;
         @include button(normal);
         &:active {
           @extend %bottom_button;
           @include button(active);
         }
         &:hover {
           @extend %bottom_button;
           @include button(hover);
         }
         &:disabled {
           @extend %bottom_button;
           @include button(insensitive);
         }
         &:backdrop {
           @extend %bottom_button;
           @include button(backdrop);
         }
       }
       &:backdrop:disabled {
         @include button(backdrop-insensitive);
       }
     }
     &.entry {
       // we should remove the bottom edge hilight here, but seems
       // like buttons are on top of it so it doesn't show up
       border-radius: 0;
       padding-left: 3px;
       padding-right: 3px;
     }
     %top_button {
       border-radius: 3px 3px 0 0;
       border-style: solid solid none solid;
     }
     %bottom_button {
       border-radius: 0 0 3px 3px;
       border-style: none solid solid solid;
     }
   }
   treeview & {
     &.entry, &.entry:focus {
       padding: 1px;
       border-width: 1px 0;
       border-color: $selected_bg_color;
       border-radius: 0;
       box-shadow: none;
       
     }
   }
 }
 
 /**************
  * ComboBoxes *
  **************/
 combobox {
   > button { padding-top: 3px; padding-bottom: 4px; } // Otherwise combos
                                                        // are bigger then
                                                        // buttons
   -combobox-arrow-scaling: 0.5;
   -combobox-shadow-type: none;
 
   box-shadow: 0 1px $borders_edge;
 
   
   &:disabled {
     color: $insensitive_fg_color;
     text-shadow: none;
     -gtk-icon-shadow: none;
   }
   &:backdrop {
     color: $backdrop_fg_color;
     text-shadow: none;
     -gtk-icon-shadow: none;
   }
   &:backdrop:disabled {
     color: $backdrop_insensitive_color;
   }
   menuitem { text-shadow: none; }
   .separator.vertical {
     // always disable separators
     -GtkWidget-wide-separators: true;
   }
   &.combobox-entry entry { @extend %linked; }
   &.combobox-entry button, &.combobox-entry button:backdrop {
     // It is needed to specify the backdrop button or it gets overridden
     @extend %linked;
   }
 }
 
 .linked > combobox > button {
   // the combo is a composite widget so the way we do button linkind doesn't
   // work, special case needed. See
   // https://bugzilla.gnome.org/show_bug.cgi?id=733979
   &:dir(ltr) { @extend %linked_middle; } // specificity bump
   &:dir(rtl) { @extend %linked_middle:dir(rtl); }
 }
 .linked > combobox:first-child > button {
   @extend %linked:first-child;
 }
 .linked > combobox:last-child > button {
   @extend %linked:last-child;
 }
 .linked > combobox:only-child > button {
   @extend %linked:only-child;
 }
 .linked.vertical > comboboxText > button,
 .linked.vertical > combobox > button { @extend %linked_vertical_middle; }
 .linked.vertical > comboboxText:first-child > button,
 .linked.vertical > combobox:first-child > button { @extend %linked_vertical:first-child; }
 .linked.vertical > comboboxText:last-child > button,
 .linked.vertical > combobox:last-child > button { @extend %linked_vertical:last-child; }
 .linked.vertical > comboboxText:only-child > button,
 .linked.vertical > combobox:only-child > button { @extend %linked_vertical:only-child; }
 
 /************
  * Toolbars *
  ************/
 .toolbar {
   -GtkWidget-window-dragging: true;
   padding: 4px;
   background-color: $bg_color;
   .osd &, &.osd {
     padding: 13px;
     border: none;
     border-radius: 5px;
     background-color: $osd_bg_color;
   }
 }
 
 //searchbar, location-bar & inline-toolbar
 .inline-toolbar {
   @extend .toolbar;
   @extend %inset-bar;
   border-width: 0 1px 1px;
   padding: 3px;
   border-radius: 0  0 3px 3px;
 }
 .search-bar, .location-bar {
   @extend .toolbar;
   @extend %inset-bar;
   border-width: 0 0 1px;
   padding: 3px;
 }
 
 %inset-bar {
   border-style: solid;
   border-color: $borders_color;
   //$_bg: mix($bg_color, $borders_color, 70%);
   text-shadow: none;
   background-color: $bg_color;
   //box-shadow: inset 0 2px 3px -1px mix($borders_color, $_bg, 60%),
   //            _widget_edge();
   //FIXME edge would be nice, but doesn't work
   &:backdrop {
     border-color: $backdrop_borders_color;
     background-color: $backdrop_dark_fill;
     box-shadow: none;
   }
 }
 
 /***************
  * Header bars *
  ***************/
 
 .titlebar,
 headerbar {
   padding: 2px 6px;
   border-width: 0px 0px 2px 0px;
   border-style: solid;
   border-color: $selected_bg_color;
   border-radius: 0;
   color: $titlebar_fg_color;
 
   @include headerbar_fill;
 
   &:backdrop {
     border-color: transparent;
     background-color: $bg_color;
     background-image: none;
     box-shadow: none;
     color: $backdrop_fg_color;
   }
 .path-bar button {
   color: $titlebar_fg_color;
   }
 button {
   background-color: $titlebar_bg_color;
   color: $titlebar_fg_color;
   background-image: none;
   border-color: transparent;
   box-shadow: none;
   
   &.flat { @include button(undecorated,$titlebar_bg_color); }
   &:hover {
     border-color: $selected_bg_color;
     }
   &:active, &:checked {
     @include button(active);
     border-color: $titlebar_bg_color;
     box-shadow: none;
     &:hover {
 	  @include button(active-hover);
 	  border-color: $titlebar_bg_color;
       box-shadow: none;
       }
     &:backdrop {
       background-image: none;
       background-color: $backdrop_bg_color;
       border-color: $backdrop_bg_color;
       }
     }
     
   &.suggested-action {
 	background-color: shade($selected_bg_color,1.1);
 	&:hover {
 	  background-color: $selected_bg_color;
 	  }
 	&:disabled {
 	  background-color: $titlebar_bg_color;
 	  color: shade($titlebar_fg_color,0.5);
 		&:active, &:checked {
 		  background-color: $titlebar_bg_color;
 	      color: shade($titlebar_fg_color,0.5);
 		  }
 	  }
     }
     
   &:backdrop {
     background-color: $bg_color;
     color: $backdrop_fg_color;
     }
     
   &.flat:backdrop, &.flat:backdrop:disabled, &:disabled:backdrop {
     background-image: none;
     background-color: $backdrop_bg_color;
     color: $backdrop_fg_color;
     }
   &.flat:disabled {
     @include button(undecorated);
     }
   &:disabled {
     background-color: $titlebar_bg_color;
     color: shade($titlebar_fg_color,0.5);
     &:active, &:checked {
       @include button(insensitive-active,$titlebar_bg_color);
     }
   }
   }
   .title {
     font-weight: normal;
     padding: 0px 12px;
   }
 
   .subtitle {
     font-size: smaller;
     padding: 0 12px;
     @extend .dim-label;
   }
 
   .header-bar-separator,
   & > box > .separator.vertical {
     -GtkWidget-wide-separators: true;
     -GtkWidget-separator-width: 1px;
     border-width: 0 1px;
     border-image: linear-gradient(to bottom,
                                   transparentize($borders_color,1),
                                   $borders_color 30%,
                                   $borders_color 70%,
                                   transparentize($borders_color,1) 100%)
                   0 1 / 0 1px stretch; //FIXME use a proper color
 
     &:backdrop {
       border-image: linear-gradient(to bottom, transparentize($backdrop_borders_color, 0.5))
                     0 1 / 1px 1px;  //FIXME use a proper color
     }
   }
 
   &.selection-mode {
     
     color: $selected_fg_color;
     text-shadow: none;
     border-color: $selected_borders_color;
     background-image: none;
     background-color: $titlebar_bg_color;
     box-shadow: none;
 
     &:backdrop {
       background-image: none;
       background-color: $bg_color;
       box-shadow: none;
     }
 
     .subtitle:link { @extend *:link:selected;  }
 
     button {
       @include button(normal, $selected_bg_color, $selected_fg_color);
 
       &.flat { @include button(undecorated); }
 
       &:hover { @include button(hover, $selected_bg_color, $selected_fg_color); }
 
       &:active, &:checked { @include button(active, $selected_bg_color, $selected_fg_color); }
 
       &:backdrop,
       &.flat:backdrop {
         @include button(backdrop, $selected_bg_color, $selected_fg_color);
         -gtk-icon-effect: none;
         border-color: $selected_borders_color;
 
         &:active,
         &:checked {
           @include button(backdrop-active, $selected_bg_color, $selected_fg_color);
           border-color: $selected_borders_color;
         }
 
         &:disabled {
           @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color);
           border-color: $selected_borders_color;
         }
 
         &:disabled:active,
         &:disabled:checked {
           @include button(backdrop-insensitive-active, $selected_bg_color,
                           $selected_fg_color);
           border-color: $selected_borders_color;
         }
       }
 
       &.flat:backdrop,
       &.flat:disabled,
       &.flat:disabled:backdrop {
         @include button(undecorated);
       }
 
       &:disabled {
         @include button(insensitive, $selected_bg_color, $selected_fg_color);
 
         &:active, &:checked { @include button(insensitive-active, $selected_bg_color, $selected_fg_color); }
       }
 
       &.suggested-action {
         @include button(normal);
         border-color: $selected_borders_color;
 
         &:hover {
           @include button(hover);
           border-color: $selected_borders_color;
         }
 
         &:active {
           @include button(active);
           border-color: $selected_borders_color;
         }
 
         &:disabled {
           @include button(insensitive);
           border-color: $selected_borders_color;
         }
 
         &:backdrop {
           @include button(backdrop);
           border-color: $selected_borders_color;
         }
 
         &:backdrop:disabled {
           @include button(backdrop-insensitive);
           border-color: $selected_borders_color;
         }
       }
     }
 
     .selection-menu {
       border-color: transparentize($selected_bg_color, 1);
       background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 1));
       box-shadow: none;
       padding-left: 10px;
       padding-right: 10px;
 
       arrow { -arrow-arrow-scaling: 1; }
 
       .arrow {
         -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
         color: transparentize($selected_fg_color,0.5);
         -gtk-icon-shadow: none;
       }
 
       &:backdrop { @extend .selection-menu };
     }
   }
 
   .tiled &, .maximized & {
     border-radius: 0; // squared corners when the window is max'd or tiled
   }
 
   &.default-decoration {
     padding: 4px;
     button { padding: 5px; }
   }
 }
 
 /************
  * Pathbars *
  ************/
 
 .path-bar button {
   padding: 5px 6px 6px;
   @include button(undecorated);
   color: $fg_color;
   &:hover {border-color: $selected_bg_color; }
   &:active, &:checked {
     background-color: $borders_color;
     }
   &:first-child { padding-left: 8px; }
   &:last-child { padding-right: 8px; }
   &:only-child {
     padding-left: 12px;
     padding-right: 12px;
   }
 
   // the following is for spacing the icon and the label inside the home button
   .label:last-child { padding-left: 2px; }
   .label:first-child { padding-right: 2px; }
   .label:only-child { padding-right: 0; padding-left: 0; }
   image { padding-top: 1px; }
 }
 
 /**************
  * Tree Views *
  **************/
 treeview.view {
   -GtkTreeView-grid-line-width: 1;
   -GtkTreeView-grid-line-pattern: '';
   -GtkTreeView-tree-line-width: 1;
   -GtkTreeView-tree-line-pattern: '';
   -GtkTreeView-expander-size: 16;
 
   border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color,
   border-top-color: $bg_color;                         // while this is the grid lines color, better then nothing
 
   &:selected { border-radius: 0; } // rest border radius in lists
 
   &:selected, &:backdrop:selected {
     border-left-color: mix($selected_fg_color, $selected_bg_color, 50%);
     border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly
   }
 
   &:disabled {
     color: $insensitive_fg_color;
     &:selected {
       color: mix($selected_fg_color, $selected_bg_color, 40%);
       &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); }
     }
     &:backdrop { color: $backdrop_insensitive_color; }
   }
 
   &.separator:backdrop {
     color: transparentize(black, 0.9);
   }
 
   &:backdrop {
     border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%);
     border-top: $backdrop_bg_color;
   }
 
   &.dnd {
     border-style: solid none;
     border-width: 1px;
     border-color: mix($fg_color, $selected_bg_color, 50%);
   }
 
   &treeview.view expander {
     -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
     &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
     color: mix($fg_color, $base_color, 70%);
     &:hover { color: $fg_color; }
     &:selected {
       color: mix($selected_fg_color, $selected_bg_color, 70%);
       &:hover { color: $selected_fg_color; }
       &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); }
     }
 
     &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
 
     &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); }
   }
 
   progressbar { // progress bar in treeviews
     @if $variant == light { color: $base_color; }
 
     border: 1px solid $selected_borders_color;
     border-radius: 4px;
     background-image: linear-gradient(to bottom,
                                       $selected_bg_color,
                                       darken($selected_bg_color,10%));
     box-shadow: inset 0 1px if($variant=='light', transparentize(white,0.7),
                                                   transparentize(white,0.85)),
                       0 1px if($variant=='light', transparentize(black, 0.8),
                                                   transparentize(black,0.9));
 
     &:selected {
       @if $variant == 'light' {
          color: $selected_bg_color;
          box-shadow: none;
       }
 
       @else { box-shadow: inset 0 1px transparentize(white, 0.95); }
 
       background-image: linear-gradient(to bottom,
                                         $base_color,
                                         darken($base_color,10%));
 
       &:backdrop {
         @if $variant == 'light' {
           color: $selected_bg_color;
           border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?)
         }
         @else { border-color: $backdrop_base_color; }
         background-color: $backdrop_base_color;
       }
     }
 
     &:backdrop {
       @if $variant == 'light' { color: $backdrop_base_color; }
       @else { border-color: $backdrop_base_color; }
       background-image: none;
       box-shadow: none;
     }
   }
 
   &.trough { // progress bar trough in treeviews
     background-color: transparentize($fg_color,0.9);
     border-radius: 4px;
 
     &:selected {
       background-color: if($variant == 'light',
                            transparentize($selected_fg_color, 0.7),
                            darken($selected_bg_color, 10%));
       @if $variant == 'light' {
         border-width: 1px 0;
         border-style: solid;
         border-color: $selected_bg_color;
       }
     }
   }
 }
 
 column-header {
   button {
     @extend %column_header_button;
     $_column_header_color: mix($fg_color, $base_color, 50%);
     color: $_column_header_color;
     background-color: $base_color;
     font-weight: bold;
     text-shadow: none;
     box-shadow: none;
     &:hover {
       @extend %column_header_button;
       color: mix($_column_header_color, $fg_color, 50%);
       box-shadow: none;
       transition: none; //I shouldn't need this
     }
     &:active {
       @extend %column_header_button;
       color: $fg_color;
       transition: none; //I shouldn't need this
     }
     &.dnd {
       @extend column-header.button.dnd;
     }
   }
   &:last-child button,
   &:last-child button:backdrop, // set :backdrop too or the border will be visibile there
   &:last-child.button,
   &:last-child.button:backdrop { //treeview-like derived widgets in Banshee and Evolution
     border-right-style: none;
   }
 }
 
 column-header.button.dnd { // for treeview-like derive widgets
   transition: none;
   color: $selected_bg_color;
   box-shadow: inset 1px 1px 0 1px $selected_bg_color,
               inset -1px 0 0 1px $selected_bg_color,
               inset 1px 1px $base_color, inset -1px 0 $base_color;;
   &:active { @extend column-header.button.dnd; }
   &:selected { @extend column-header.button.dnd; }
   &:hover { @extend column-header.button.dnd; }
 }
 
 %column_header_button {
   padding: 3px 6px;
   border-style: none solid solid none;
   border-radius: 0;
   background-image: none;
   border-color: $bg_color;
   text-shadow: none;
   &:disabled {
     border-color: $bg_color;
     background-image: none;
   }
   &:backdrop {
     border-color: $backdrop_bg_color;
     border-style: none solid solid none;
     color: mix($backdrop_fg_color, $backdrop_bg_color, 50%);
     background-image: none;
     background-color: $backdrop_base_color;
     &:disabled {
       border-color: $backdrop_bg_color;
       background-image: none;
     }
   }
 }
 
 
 /*********
  * Menus *
  *********/
 menubar {
   -GtkWidget-window-dragging: true;
   padding: 2px;
   box-shadow: none;
   &:backdrop { background-color: $backdrop_bg_color; }
   & > menuitem {
     padding: 4px 8px;
     &:hover { //Seems like it :hover even with keyboard focus
       background-color: $selected_bg_color;
       color: $selected_fg_color;
     }
     &:disabled {
       color: $insensitive_fg_color;
       box-shadow: none;
     }
   }
 }
 
 menu {
   padding: 0px;
   background-color: $bg_color;
   border: 1px solid $borders_color; // adds borders in a non composited env
   border-radius: 3px;
   .csd & { border: 1px solid $borders_color; }  // axes borders in a composited env
   menuitem {
 	text-shadow: none;
     padding: 6px 6px;
     &:hover {
       color: $selected_fg_color;
       background-color: $selected_bg_color;
       background-clip: padding-box;
       border-style: solid;
       border-width: 0px 1px 0px 1px;
       border-color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); //tint sides of menu
       //round top and bottom items
       &:first-child {
         border-radius: 3px 3px 0px 0px;
         border-width: 1px 1px 0px 1px;
       }
       &:last-child{
         border-radius: 0px 0px 3px 3px;
         border-width: 0px 1px 1px 1px;
       }
     }
     &:disabled {
       color: $insensitive_fg_color;
       &:backdrop { color: $backdrop_insensitive_color; }
     }
     *:disabled {
       color: $insensitive_fg_color;
       &:backdrop { color: $backdrop_insensitive_color; }
     }
     &:backdrop, &:backdrop:hover {
       color: $fg_color;
       background-color: $bg_color;
     }
     //submenu indicators
     arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); }
     arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); }
   }
   
   &.button { // overlow buttons
     @extend %undecorated_button;
     border-style: none;
     border-radius: 0;
     &.top { border-bottom: 1px solid mix($fg_color, $base_color, 10%); }
     &.bottom { border-top: 1px solid mix($fg_color, $base_color, 10%); }
     &:hover { background-color: mix($fg_color, $base_color, 10%); }
     &:disabled {
       color: transparent;
       background-color: transparent;
       border-color: transparent ;
     }
   }
 }
 
 menuitem .accelerator { color: gtkalpha(currentColor,0.55); }
 
 
 /***************
  * Popovers   *
  ***************/
 
 popover {
   padding: 2px;
   border: 1px solid $borders_color;
   border-radius: 2px;
   background-color: $bg_color;
 
   box-shadow: 0 2px 3px transparentize(black, 0.5);
 
   &:backdrop {
     box-shadow: none;
   }
 
   > list,
   > .view,
   > .toolbar,
   &.osd > .toolbar {
     border-style: none;
     background-color: transparent;
   }
 
   button.flat {
 	color: $fg_color;
   }
   
   button.flat:hover {
 	background-color: transparentize($selected_bg_color, 0.8);
 	color: $fg_color;
 	text-shadow: none;
     transition: none;
   }
 
   &.osd { @extend %osd; }
 }
 
 //touch selection handlebars for the Popover.osd above
 entry.cursor-handle,
 .cursor-handle {
   background-color: transparent;
   background-image: none;
   box-shadow: none;
   border-style: none;
   &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); }
   &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); }
 }
 
 /*****************
  * Notebooks and *
  * Tabs          *
  *****************/
 
 notebook {
   // Through me you go to the grief wracked city;
   // Through me you go to everlasting pain;
   // Through me you go a pass among lost souls.
   // ...
   // Abandon all hope — Ye Who Enter Here
   background-color: $bg_color;
   -GtkNotebook-initial-gap: 0;
   -GtkNotebook-arrow-spacing: 5;
   -GtkNotebook-tab-curvature: 0;
   -GtkNotebook-tab-overlap: 0;
   -GtkNotebook-has-tab-gap: false;
   -GtkWidget-focus-padding: 0;
   -GtkWidget-focus-line-width: 0;
   transition: all 200ms $ease-out-quad;
   //padding: 6px;
   
   
   &.frame {
     border: 1px solid $borders_color;
     // FIXME doesn't work
     &.top { border-top-width: 0; }
     &.bottom { border-bottom-width: 0; }
     &.right { border-right-width: 0; }
     &.left { border-left-width: 0; }
     //&:backdrop { border-color: $borders_color; }
   }
   &.header {
     // FIXME: double borders in some case, can't fix it w/o a class tho
     // FIXME: doesn't work on dark var
     background-color: $bg_color;
     padding-top: 4px;
 
     // this is the shading of the header behind the tabs
     &.frame {
       border-style: solid;
       border-color: $borders_color;
       &.top { border-width: 0px; }
       &.bottom { border-width: 0px; }
       &.right { border-width: 0px; }
       &.left { border-width: 0px; }
       &:backdrop { border-color: $borders_color; }
     }
     &.top {	
       box-shadow: inset 0 -1px $borders_color; // border
       
     }
     &.bottom {
       box-shadow: inset 0 1px $borders_color;
       
     }
     &.right {
       box-shadow: inset 1px 0 $borders_color;
       
     }
     &.left {
       box-shadow: inset -1px 0 $borders_color;
       
     }
   }
   
   tab {
     border-width: 1px;
     border-style: solid;
     border-color: if($variant == 'light', shade($borders_color,1.1), transparentize($borders_color, 0.8));
     background-color: if($variant == 'light', shade($borders_color,1.1), transparentize($borders_color, 0.8));
 
     outline-offset: 0;
 
     $tab_indicator_size: 3px;
     //vertical tab sizing
     $vt_vpadding: 6px;
     $vt_hpadding: 8px;
     // horizontal tab sizing
     $ht_vpadding: 6px;
     $ht_hpadding: 8px;
 
     //FIXME: we get double border in some cases, not considering the broken
     //notebook content frame...
     &.top, &.bottom { padding: $vt_vpadding $vt_hpadding; }
     &.left, &.right { padding: $ht_vpadding $ht_hpadding; }
 
 
     /* works for testnotebookdnd, but there's a superfluous border
        in gedit or web, commented out for now, needs gtk fixes
     &.reorderable-page {
       &.top {
         padding-top: ($vt_vpadding - 1px);
         border-top-width: 1px;
         border-left-width: 1px;
         border-right-width: 1px;
       }
       &.bottom {
         padding-bottom: ($vt_vpadding - 1px);
         border-bottom-width: 1px;
         border-left-width: 1px;
         border-right-width: 1px;
       }
       &.left {
         padding-left: ($ht_hpadding - 1px);
         border-left-width: 1px;
         border-top-width: 1px;
         border-bottom-width: 1px;
       }
       &.right {
         padding-right: ($ht_hpadding - 1px);
         border-right-width: 1px;
         border-top-width: 1px;
         border-bottom-width: 1px;
       }
     }
     */
     &.reorderable-page {
 		background-color: $bg_color;
       &.top, &.bottom {
         padding-left: 12px;  // for a nicer close button
         padding-right: 6px; // placement
         padding-bottom: 8px;
       }
     }
     &.top {
       //padding-bottom: ($vt_vpadding -$tab_indicator_size);
       border-radius: 3px 3px 0px 0px;
       &:active, &.active-page, &:backdrop:active {
         border-color: $borders_color;
 		border-bottom-color: $bg_color;
 		background-color: $bg_color;
 		&:hover, &.prelight-page {
 			border-color: $borders_color;
 			border-bottom-color: $bg_color;
 			}
 		}
     }
     &.bottom {
       border-radius: 0px 0px 3px 3px;
       &:active, &.active-page, &:backdrop:active {
         border-color: $borders_color;
 		border-top-color: $bg_color;
 		background-color: $bg_color;
 		&:hover, &.prelight-page {
 			border-color: $borders_color;
 			border-top-color: $bg_color;
 			}
 		}
     }
     &.left {
       border-radius: 3px 0px 0px 3px;
       &:active, &.active-page, &:backdrop:active {
         border-color: $borders_color;
 		border-right-color: $bg_color;
 		background-color: $bg_color;
 		&:hover, &.prelight-page {
 			border-color: $borders_color;
 			border-right-color: $bg_color;
 			}
 		}
     }
     &.right {
       border-radius: 0px 3px 3px 0px;
       &:active, &.active-page, &:backdrop:active {
         border-color: $borders_color;
 		border-left-color: $bg_color;
 		background-color: $bg_color;
 		&:hover, &.prelight-page {
 			border-color: $borders_color;
 			border-left-color: $bg_color;
 			}
 		}
     }
 
     //here's the interesting stuff
     &:hover, &.prelight-page {
       background-color: transparentize($hover_color, 0.8);
       border-color: transparentize($hover_color, 0.8);
     }
     
  //   &:backdrop {
 //	  background-color: $borders_color;
 //	}
 
     @each $_tab, $_border, $_shadow1 in (top, right, -3px 0px 0px 0px),
                              (bottom, right, -3px 0px 0px 0px),
                              (left, bottom, 0px -3px 0px 0px),
                              (right, bottom, 0px -3px 0px 0px) {
       &.reorderable-page.#{$_tab} {
       border-width: 3px;
       border-style: solid;
       border-color: $bg_color;
       background-color: $bg_color;
       border-#{$_border}-width: 1px;
       border-#{$_border}-color: $borders_color;
       box-shadow: inset #{$_shadow1} $bg_color;
         &:hover, &.prelight-page {
           box-shadow: inset 0px -3px 0px 0px transparentize($selected_bg_color,0.7), inset $_shadow1 $bg_color;
         }
         &:active, &.active-page {
           box-shadow: inset 0px -3px 0px 0px $selected_bg_color, inset $_shadow1 $bg_color;
           &:hover { 
 			background-color: $bg_color;
 			border-color: $bg_color;
 			border-#{$_border}-color: $borders_color;
 			}
           &:backdrop {
             background-color: $bg_color;
 			border-color: $bg_color;
 			border-#{$_border}-color: $borders_color;
           }
         }
         &:backdrop {
 			background-color: $bg_color;
 			border-color: $bg_color;
 			border-#{$_border}-color: $borders_color;
         }
       }
     }
     .label { //tab text
       padding: 0 2px; // needed for a nicer focus ring
       color: $fg_color;
 
     }
     .prelight-page .label, .label.prelight-page {
       // prelight tab text
       color: $fg_color;
       
     }
     .active-page .label, .label.active-page {
       // active tab text
       color: $fg_color;
       
     }
     button { //tab close button
       padding: 0px;
       border: 1px solid transparent;
       border-radius: 50%;
       background-image: none;
       background-color: $borders_color;
       box-shadow: none;
       -gtk-icon-shadow: none;
       transition: none;
       color: $bg_color;
       &:hover {
         background-color:  $icon_red;
         border-color: transparent;
         background-image: none;
         box-shadow: none;
       }
       &:active {
         color: $bg_color;
         border-color: transparent;
         background-image: none;
         box-shadow: none;
       }
       &:backdrop {
         color: $bg_color;
         border-color: transparent;
       }
       & > image { 
         padding: 0px;
       }
     }
     button .active-page, button.active-page { //not working
 		background-color: $icon_red;
     }
   }
   &.arrow {
     color: $insensitive_fg_color;
     &:hover { color: $hover_color; }
     &:active { color: $selected_bg_color; }
     &:disabled {
       color: transparentize($insensitive_fg_color,0.7);
     }
     &:backdrop {
       color: $insensitive_fg_color;
       &:disabled {
         color: transparentize($insensitive_fg_color,0.7);
       }
     }
   }
 }
 
 /**************
  * Scrollbars *
  **************/
 
 scrollbar {
   -GtkRange-trough-border: 0;
   -GtkScrollbar-has-backward-stepper: true;
   -GtkScrollbar-has-forward-stepper: true;
   -GtkRange-slider-width: 16;
   -GtkScrollbar-min-slider-length: 64;
   -GtkRange-stepper-spacing: 1;
   -GtkRange-trough-under-steppers: 0;
 
   button { 
 	border: none;
 	background-image:none;
 	background-color: transparent;
 	box-shadow: none; 
 	&:hover { 
 		color: $hover_color; 
 		background-image:none;
 		background-color: transparent;
 		}
 	&:disabled { color: $insensitive_fg_color; }
 	}
 
   // Overlay Scrollbars
   &.dragging,                                                             // if this isn't set, the scrollbars don't update their size correctly
   &.hovering { opacity: 0.998; }                                          // probably a gtk bug
   &.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; }     //
 
 
   &.overlay-indicator:not(.dragging):not(.hovering) {
     -GtkRange-slider-width: 8px;
     -GtkScrollbar-has-backward-stepper: false;
 	-GtkScrollbar-has-forward-stepper: false;
 
-    .slider { @include _border(scrollbar-slider-overlay, $prefix:assets, $radius: 0, $width: 5px 4px 5px 4px, $image-width: 6 4 6 4 / 6px 4px 6px 4px); }
-    &.horizontal .slider { @include _border(scrollbar-slider-overlay-horizontal, $prefix:assets, $radius: 0, $width: 4px 6px 4px 6px, $image-width: 4 6 4 6 / 4px 6px 4px 6px); }
+    &.vertical { slider { @include _border(scrollbar-slider-overlay, $prefix:assets, $radius: 0, $width: 5px 4px 5px 4px, $image-width: 6 4 6 4 / 6px 4px 6px 4px); } }
+    &.horizontal { slider { @include _border(scrollbar-slider-overlay-horizontal, $prefix:assets, $radius: 0, $width: 4px 6px 4px 6px, $image-width: 4 6 4 6 / 4px 6px 4px 6px); } }
 
     .trough {
       border: none;
       background: none;
     }
   }
   // Normal Scrollbars / Overlay Scrollbars on Mouseover
-  &.trough {
-    @include _border(scrollbar-trough, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
-
-    &:dir(rtl) { @include _border(scrollbar-trough-rtl, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
-    &.horizontal { @include _border(scrollbar-trough-horizontal, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
-  }
-  &.slider {
-    @include _border(scrollbar-slider, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
-
-    &:dir(rtl) { @include _border(scrollbar-slider-rtl, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
-
-    &:hover, &:disabled {
-      @include _border(scrollbar-slider-hover, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
-
-      &:dir(rtl) { @include _border(scrollbar-slider-rtl-hover, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
-    }
-    &:active {
-      @include _border(scrollbar-slider-active, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
-
-      &:dir(rtl) { @include _border(scrollbar-slider-rtl-active, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+  &.vertical{
+    trough {
+      @include _border(scrollbar-trough, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
+
+      &:dir(rtl) { @include _border(scrollbar-trough-rtl, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+    }
+    slider {
+      @include _border(scrollbar-slider, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
+      &:dir(rtl) { @include _border(scrollbar-slider-rtl, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+      &:hover, &:disabled {
+        @include _border(scrollbar-slider-hover, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
+        &:dir(rtl) { @include _border(scrollbar-slider-rtl-hover, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+      }
+      &:active {
+        @include _border(scrollbar-slider-active, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
+        &:dir(rtl) { @include _border(scrollbar-slider-rtl-active, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+      }
     }
-
-    &.horizontal {
+  }
+  &.horizontal {
+    trough {
+      @include _border(scrollbar-trough-horizontal, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
+    slider {
       @include _border(scrollbar-slider-horizontal, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px);
 
       &:hover, &:disabled { @include _border(scrollbar-slider-horizontal-hover, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
       &:active { @include _border(scrollbar-slider-horizontal-active, $prefix:assets, $radius: 0, $width: 8px 8px 8px 8px, $image-width: 8 8 8 8 / 8px 8px 8px 8px); }
     }
   }
 }
 
 
 scrollbars-junction,
 scrollbars-junction.frame { // the small square between two scrollbars
   border-color: transparent;
   // the border image is used to add the missing dot between the borders, details, details, details...
   border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch;
   background-color: $scrollbar_bg_color;
 
   &:dir(rtl) { border-image-slice: 0 1 0 0; }
 
   &:backdrop {
     border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px);
     background-color: $backdrop_scrollbar_bg_color;
   }
 }
 
 
 /**********
  * Switch *
  **********/
 
 switch {
   -switch-slider-width: 30px; // 55px is the right value to make it as tall
                                  // as buttons, not doing that for now
   font-weight: bold;
   font-size: smaller;
   outline-offset: 0px;
   box-shadow: inset 0 1px transparentize(white, 1); // needs to be set here
                                       // otherwise it gets
                                                       // clipped
   &.trough {
     // similar to the scale
     border: 1px solid $borders_color;
     border-radius: 3px;
     color: $fg_color;
     background-image: none;
     background-color: $bg_color;
     text-shadow: none;
     &:active {
       color: $selected_bg_color;
       border-color: $selected_bg_color;
       box-shadow: none;
       text-shadow: none;
       &:hover { border-color: $hover_color}
     }
     &:hover {
 	  border-color: $selected_bg_color;
 	  }
     &:disabled {
       color: $insensitive_fg_color;
       border-color: $borders_color;
       background-image: none;
       background-color: $insensitive_bg_color;
       box-shadow: none;
       text-shadow: none;
     }
     
   }
   
   &.slider {
     padding: 3px;
     border: 3px solid;
     border-radius: 3px;
     border-color:transparentize(white,1);
     box-shadow: none;
     background-color: $borders_color;
     &:hover {
       box-shadow: none;
     }
     &:active { 
     background-color: $selected_bg_color;
       &:hover { background-color: $hover_color} 
     }
     &:disabled { background-color: $insensitive_bg_color; }
     
   }
   list-row:selected & {
     @if $variant == 'light' {
       box-shadow: none;
       border-color: $selected_borders_color;
       &:backdrop { border-color: $selected_borders_color; }
       &.slider:dir(rtl) { border-left-color: $borders_color; }
       &.slider:dir(ltr) { border-right-color: $borders_color; }
       &.slider,
       &.slider:active { border-color: $selected_borders_color; }
     }
   }
 
 }
 
 /*************************
  * Check and Radio items *
  *************************/
 
 // draw regular check and radio items using our PNG assets
 // all assets are rendered from assets.svg. never add pngs directly
 
 $asset_suffix: if($variant=='dark', '-dark', '');
 @each $w,$a in ('check', 'checkbox'),
                ('radio','radio') {
 
   //standard checks and radios
   @each $s,$as in ('','-unchecked'),
                   (':hover', '-unchecked-hover'),
                   (':active', '-unchecked-active'),
                   (':disabled','-unchecked-insensitive'),
                   (':backdrop', '-unchecked-backdrop'),
                   (':backdrop:disabled', '-unchecked-backdrop-insensitive'),
                   (':indeterminate', '-mixed'),
                   (':indeterminate:hover', '-mixed-hover'),
                   (':indeterminate:selected', '-mixed-active'),
                   (':indeterminate:backdrop', '-mixed-backdrop'),
                   (':indeterminate:disabled', '-mixed-insensitive'),
                   (':indeterminate:disabled:backdrop', '-mixed-backdrop-insensitive'),
                   (':checked', '-checked'),
                   (':checked:disabled','-checked-insensitive'),
                   (':checked:hover', '-checked-hover'),
                   (':checked:active', '-checked-active'),
                   (':backdrop:checked', '-checked-backdrop'),
                   (':backdrop:checked:disabled', '-checked-backdrop-insensitive') {
     .#{$w}#{$s} {
       -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"),
                                     url("assets/#{$a}#{$as}#{$asset_suffix}@2.png"));
       -gtk-icon-shadow: if(str-index($s,"backdrop"), none, 0 1px 0 $borders_edge); //no edge highlight for :backdrop
       &.button.flat { -gtk-icon-shadow: none; }
     }
     @if $variant == 'light' {
       // the borders of the light variant versions of checks and radios are
       // too similar in luminosity to the selected background color, hence
       // we need special casing.
       .view.#{$w}#{$s}:selected,
       list-row:selected .#{$w}#{$s} {
         -gtk-icon-source: -gtk-scaled(url("assets/selected-#{$a}#{$as}#{$asset_suffix}.png"),
                                       url("assets/selected-#{$a}#{$as}#{$asset_suffix}@2.png"));
       }
     }
   }
 
   //menu
   menu menuitem.#{$w} {
     -gtk-icon-source: -gtk-icontheme('#{$a}-symbolic');
     color: mix($fg_color, $bg_color, 60%);
     -gtk-icon-shadow: none;
     &:active, &:checked {
       -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic');
       color: $selected_bg_color;
     }
     &:indeterminate {
       -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic');
     }
     &:hover { color: $selected_fg_color; }
     &:disabled { color: mix($insensitive_fg_color, $bg_color, 50%); }
   }
 }
 
 //treeview and list-rows
 .view.check, .view.radio,
 list-row check, list-row radio {
   -gtk-icon-shadow: none;
   &:selected, &:hover { -gtk-icon-shadow: none; }
 }
 
 //content view (grid/list)
 
 .content-view {
   background-color: darken($bg_color,7%);
   &:backdrop { background-color: darken($bg_color,7%); }
 }
 
 //selection-mode
 @each $s,$as in ('','-selectionmode'),
                   (':hover', '-hover-selectionmode'),
                   (':active', '-active-selectionmode'),
                   (':backdrop', '-backdrop-selectionmode'),
                   (':checked', '-checked-selectionmode'),
                   (':checked:hover', '-checked-hover-selectionmode'),
                   (':checked:active', '-checked-active-selectionmode'),
                   (':backdrop:checked', '-checked-backdrop-selectionmode') {
   .view.content-view.check#{$s} {
     -gtk-icon-shadow: none;
     -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}.png"),
                                     url("assets/checkbox#{$as}@2.png"));
     background-color: transparent;
   }
 }
 
 checkbutton.text-button, radiobutton.text-button {
   // this is for a nice focus on check and radios text
   padding: 1px 2px 4px;
   outline-offset: 0;
   &:disabled,
   &:disabled:active,
   &:disabled:indeterminate {
     // set insensitive color, which is overriden otherwise
     color: $insensitive_fg_color;
     &:backdrop { color: $backdrop_insensitive_color; }
   }
 }
 
 /************
  * GtkScale *
  ************/
 scale,
 scale.scale-has-marks-above.scale-has-marks-below,
 scale.vertical.scale-has-marks-above.scale-has-marks-below {
   // FIXME: rationalize
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 20;
   -GtkRange-trough-border: 2;
   outline-offset: -9px;
   -gtk-outline-radius: 4px;
 
   &.fine-tune {
     outline-offset: -7px;
     -gtk-outline-radius: 6px;
     &.trough {
       margin: 8px;
       border-radius: 4px;
     }
   }
 
   &.slider {
     //FIXME: better gradient on the slider and hover state
     @include button(normal);
     border: 1px solid;
     border-radius: 50%;
     border-color: $selected_bg_color;
     box-shadow: inset 0 1px if($variant=='light', white,
                                transparentize(white,0.85)),
                 inset 0 #{-2px} $bg_color,
                 inset 0 #{-1px} mix($bg_color, $borders_color, 50%);
     &:hover {
 	  border-width: 2px;
       @include button(hover);
       border-color: $hover_color;
       border-radius: 50%; // needed for double marks scales
       box-shadow: inset 0 1px if($variant=='light', white,
                                  transparentize(white, 0.85)),
                   inset 0 #{-2px} if($variant=='light', white,
                                      transparentize(white, 0.86)),
                   inset 0 #{-1px} mix($bg_color, $borders_color, 70%);
     }
     &:disabled {
       border-style: solid; // needed for double marks scales or they'll get
       border-radius: 50%;  // overridden
       background-image: linear-gradient(to bottom, $insensitive_bg_color);
       box-shadow: none;
     }
     
     &:active {
       border: 2px solid if($variant=='light',$selected_bg_color,
                            darken($selected_bg_color,15%));
     }
     //OSD sliders
     .osd & {
       @include button(osd);
       background-color: $titlebar_bg_color;
       &:hover { @include button(osd-hover); }
       &:active { @include button(osd-active); }
       &:backdrop { @include button(osd-backdrop); }
     }
   }
   &.trough {
     margin: 9px;
     border: 1px solid transparent;
     border-radius: 4px;
     background-color: $borders_color;
     box-shadow: none;
     &.highlight {
       background-color: $selected_bg_color;
       border-color: transparent;
       box-shadow: none;
       &.vertical { background-color: $selected_bg_color; }
       
     }
     &:disabled, &.vertical:disabled {
       border-color: transparent;
       background-image: none;
       background-color: $insensitive_bg_color;
       box-shadow: none;
     }
     
     //OSD troughs
     .osd & {
       border-color: transparent;
       box-shadow: none;
       margin: 9px;
       &.fine-tune { margin: 7px; }
       background-color: $borders_color;
       outline-color: transparentize($osd_fg_color, 0.8);
       outline-offset: -8px;
       &.highlight {
         background-image: none;
         background-color: $selected_bg_color;
       }
       &:disabled, &:backdrop:disabled {
         border-color: transparent;
         background-color: transparent;
       }
       &:backdrop {
         border-color: transparent;
         background-image: none;
       }
     }
   }
 }
 
 $asset_suffix: if($variant=='dark', '-dark', '');
 @each $d,$dn in ('', 'horz'),
                 ('.vertical', 'vert') {
   @each $w,$we in  ('scale-has-marks-below','scale_marks_below'),
                    ('scale-has-marks-above','scale_marks_above') {
     scale#{$d}.#{$w} {
       -GtkScale-slider-length: 20;
       -GtkRange-slider-width: 24;
       -GtkRange-trough-border: 2;
 
       @extend %#{$we}_#{$dn};
 
       @each $s,$as in ('',''),
                       (':hover','-hover'),
                       (':active','-active'),
                       (':disabled','-insensitive'),
                       (':backdrop','-backdrop'),
                       (':backdrop:disabled','-backdrop-insensitive') {
         &.slider#{$s} {
           $_url: 'assets/slider-#{$dn}-#{$w}#{$as}#{$asset_suffix}';
           border-style: none;
           border-radius: 0;
           background-color: transparent;
           background-image: -gtk-scaled(url('#{$_url}.png'),
                             url('#{$_url}@2.png'));
           background-repeat: no-repeat;
           background-position: center;
           box-shadow: none;
         }
       }
     }
   }
 }
 
 %scale_marks_above_horz {
   .trough { margin: 14px 10px 10px; }
   &.fine-tune .trough { margin: 12px 8px 8px; }
 }
 %scale_marks_below_horz {
  .trough { margin: 10px 10px 14px; }
   &.fine-tune .trough { margin: 8px 8px 12px; }
 }
 %scale_marks_above_vert {
   .trough { margin: 10px 10px 10px 14px; }
   &.fine-tune .trough { margin: 8px 8px 8px 12px; }
 }
 %scale_marks_below_vert {
   .trough { margin: 10px 14px 10px 10px; }
   &.fine-tune .trough { margin: 8px 12px 8px 8px; }
 }
 
 /*****************
  * Progress bars *
  *****************/
 
 progressbar {
   padding: 0;
   font-size: smaller;
   color: transparentize($fg_color, 0.6);
   box-shadow: none;                           // here ot it gets
                                                         // clipped
 
   .osd {
     -progressbar-xspacing: 0;
     -progressbar-yspacing: 0;
     -progressbar-min-horizontal-bar-height: 3;
     trough {  // background
       border: 1px solid transparent;
       border-radius: 3px;
       background-color: $borders_color;
     }
   }
    trough {  // background
     border: 1px solid transparent;
     border-radius: 3px;
     background-color: $borders_color;
   }
 }
 
 // moving bit
 progressbar {
   progress{
     background-color: $selected_bg_color;
     border: 1px solid $selected_bg_color;
     border-radius: 0px;
     box-shadow: none; //needed for clipping
   }
   &.left progress {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
   }
   &.right progress {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }
   &.left.right progress {
     box-shadow: none;
   }
   &.vertical progress {
     &.bottom progress {
       border-bottom-left-radius: 3px;
       border-bottom-right-radius: 3px;
       box-shadow: none;
     }
     &.top progress {
       border-top-left-radius: 3px;
       border-top-right-radius: 3px;
     }
   }
   .osd progress {
     background-image: none;
     background-color: $selected_bg_color;
     border-style: none;
     border-radius: 0;
   }
 }
 
 
 /*************
  * Level Bar *
  *************/
 
 levelbar.vertical {
   -GtkLevelBar-min-block-width: 6;
   -GtkLevelBar-min-block-height: 34;
 }
 
 levelbar {
   box-shadow: none; // needs to be set here to avoid clipping
   -GtkLevelBar-min-block-width: 34;
   -GtkLevelBar-min-block-height: 6;
   &.vertical {
     -GtkLevelBar-min-block-width: 6;
     -GtkLevelBar-min-block-height: 34;
   }
   &.trough {
     border: 1px solid transparent;
     padding: 2px;
     border-radius: 2px;
     background-color: transparent;
   }
   &.fill-block {
     // FIXME: it would be nice to set make fill blocks bigger, but we'd need
     // :nth-child working on discrete indicators
     border: 1px solid if($variant=='light', $selected_bg_color,
                                             $selected_bg_color);
     background-color: $selected_bg_color;
     box-shadow: none;
     border-radius: 2px;
     
     &.indicator-discrete {
       &.horizontal { margin: 0 1px; }
       &.vertical { margin: 1px 0; }
     }
     &.level-high {
       border-color: $success_color;
       background-color: $success_color;
       &:backdrop { border-color: $success_color; }
     }
     &.level-low {
       border-color: $warning_color;
       background-color: $warning_color;
       &:backdrop { border-color: $warning_color; };
     }
     &.empty-fill-block {
       background-color: $borders_color;
       border-color: transparent;
       box-shadow: none;
       
     }
   }
 }
 
 
 /**********
  * Frames *
  **********/
 frame {
   border: 1px solid $borders_color;
   &.flat { border-style: none; }
   padding: 0;
   &.action-bar {
     padding: 6px;
     border-width: 1px 0 0;
   }
 }
 
 scrolledwindow {
   GtkViewport.frame { // avoid double borders when viewport inside
                       // scrolled window
     border-style: none;
   }
 }
 
 //vbox and hbox separators
 .separator {
   // always disable separators
   // -GtkWidget-wide-separators: true;
   color: transparentize(black, 0.9);
 
   // Font and File button separators
   filechooserbutton &.vertical,
   button.font &.vertical {
     // always disable separators
     -GtkWidget-wide-separators: true;
   }
 }
 
 /*********
  * Lists *
  *********/
 
 list, list-row {
   background-color: $bg_color;
   border-width: 0px;
   border-color: $selected_bg_color;
 }
 
 list-row,
 .grid-child {
   padding: 0px 2px;
   border-style: solid;
   border-width: 0px;
   border-color: $selected_bg_color;
 }
 
 list-row.button,
 list-row.button:backdrop,
 list-row.button:backdrop:active,
 list-row.button:backdrop:checked,
 list-row.button:backdrop:disabled,
 list-row.button:backdrop:disabled:active,
 list-row.button:backdrop:disabled:checked,
 list-row.button:disabled:active,
 list-row.button:disabled:checked {
   // reset button inherited stuff
   @extend %undecorated_button;
   background-color: transparentize($base_color,1); // for the transition
   border-style: none; // I need no borders here
   border-radius: 0;   // and no rounded corners
   box-shadow: none;   // and no box-shadow
 
 }
 
 list-row.button {
   // let's take care of background colors
   &:hover {
     background-color: transparentize($hover_color, 0.8);
   }
   &:active {
     box-shadow: none;
   }
   &:selected {
     &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); }
     &:hover {
       background-color: mix($fg_color, $selected_bg_color, 10%);
     }
     &:backdrop { background-color: $selected_bg_color; }
   }
   &:backdrop:hover { background-color: transparent; }
 }
 
 list-row:selected {
   @extend %selected_items;
   button {
     @include button(normal, $edge:none);
     @if $variant == 'light' { border-color: $selected_borders_color; }
     &.flat {
       @include button(undecorated, $edge:none);
       color: $selected_fg_color;
     }
     &:hover {
       @include button(hover, $edge:none);
       @if $variant == 'light' { border-color: $selected_borders_color; }
     }
     &:active, &:checked {
       @include button(active, $edge:none);
       @if $variant == 'light' { border-color: $selected_borders_color; }
     }
     &:backdrop, &.flat:backdrop {
       @include button(backdrop, $edge:none);
       @if $variant == 'light' { border-color: $selected_borders_color; }
       &:active, &:checked {
         @include button(backdrop-active, $edge:none);
         @if $variant == 'light' { border-color: $selected_borders_color; }
       }
       &:disabled {
         @include button(backdrop-insensitive, $edge:none);
         @if $variant == 'light' { border-color: $selected_borders_color; }
         &:active, &:checked {
           @include button(backdrop-insensitive-active, $edge:none);
           @if $variant == 'light' { border-color: $selected_borders_color; }
         }
       }
     }
     &.flat:backdrop {
       @include button(undecorated);
       color: if($variant=='light', $backdrop_base_color, $backdrop_fg_color);
     }
     &:disabled {
       @include button(insensitive, $edge:none);
       @if $variant == 'light' { border-color: $selected_borders_color; }
       &:active, &:checked { @include button(insensitive-active, $edge:none); }
     }
     //FIXME: make placeholder with buttons w/o edge to be extended around
     //       istead of repeating everytime this stuff.
   }
 }
 
 // transition
 list-row, list-row.button {
   transition: all 300ms $ease-out-quad;
   &:hover { transition: none; }
 }
 
 
 /*********************
  * App Notifications *
  *********************/
 
 .app-notification,
 .app-notification.frame {
   @extend %osd;
   padding: 10px;
   border: none;
   border-radius: 0 0 3px 3px;
   background-color: $osd_bg_color;
   background-image: none;
   background-clip: padding-box;
   &:backdrop { background-image: none; }
   button {
     @include button(osd);
     &.flat {
       @extend %undecorated_button;
       -gtk-icon-shadow: 0 1px black;
       text-shadow: 0 1px black;
       &:backdrop,
       &:disabled,
       &:backdrop:disabled { @extend %undecorated_button; }
     }
     &:hover { @include button(osd-hover); }
     &:active,
     &:checked,
     &:backdrop:active,
     &:backdrop:checked {
       @include button(osd-active);
     }
     &:disabled,
     &:backdrop:disabled {
       @include button(osd-insensitive);
     }
     &:backdrop { @include button(osd-backdrop); }
   }
 }
 
 /*************
  * Expanders *
  *************/
 
 treeview.view expander {
   -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
   &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
   &:hover { color: lighten($fg_color,30%); } //only lightens the arrow
   &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
 }
 
 /************
  * Calendar *
  ***********/
 calendar {
   color: $text_color;
   border: 1px solid $borders_color;
 
   &:selected {
     @extend .view:selected;
   }
 
   &.header {
     border: 1px solid transparentize(black, 0.9);
     border-radius: 0;
 
     &:backdrop { border-color: transparentize(black, 0.9); }
   }
 
   &.button {
     @extend %undecorated_button;
     color: transparentize($fg_color, 0.55);
 
     &:hover {
       @extend %undecorated_button;
       color: $fg_color;
     }
 
     &:backdrop {
       @extend %undecorated_button;
       color: transparentize($backdrop_fg_color,0.55);
     }
   }
 
   &:indeterminate, &:indeterminate:backdrop,
   &.highlight, &.highlight:backdrop { color: gtkalpha(currentColor, 0.55); }
 
 
   &:backdrop {
     color: $backdrop_text_color;
     border-color: $backdrop_borders_color;
   }
 }
 
 /***********
  * Dialogs *
  ***********/
 
 message-dialog .dialog-action-area button {
   //padding: 8px;
 }
 
 message-dialog { // Message Dialog styling
   -GtkDialog-button-spacing: 8;
   -GtkDialog-action-area-border: 8;
 
   @if $variant==light {
     // the bright variant as a slightly darker bg which in this case clashes with the window decoration, overriding
     &.background { background-color: $bg_color; }
   }
 
   .titlebar {
     //border-style: none;
     box-shadow: none;
   }
   &.csd { // rounded bottom border styling for csd version
     &.background {
       // bigger radius for better antialiasing
       border-bottom-left-radius: 0px;
       border-bottom-right-radius: 0px;
     }
     .dialog-action-area button {
       //padding: 12px;
       border-radius: 0;
       @include button(normal, $edge:none);
       //@extend %middle_button;
       &:hover {
         @include button(hover, $edge:none);
         //@extend %middle_button;
       }
       &:active {
         @include button(active, $edge:none);
         //@extend %middle_button;
       }
       &:disabled {
         @include button(insensitive, $edge:none);
         //@extend %middle_button;
       }
       &:backdrop {
         @include button(backdrop, $edge:none);
         //@extend %middle_button;
       }
       &:backdrop:disabled {
         @include button(backdrop-insensitive, $edge:none);
         //@extend %middle_button;
       }
       @each $b_type, $b_color in (suggested-action, $selected_bg_color),
                                  (destructive-action, $destructive_color) {
         &.#{$b_type} {
           @include button(normal, $b_color, white, $edge:none);
           //@extend %middle_button;
           &:hover {
             @include button(hover, $b_color, white, $edge:none);
             //@extend %middle_button;
           }
           &:active {
             @include button(active, $b_color, white, $edge:none);
             //@extend %middle_button;
           }
           &:backdrop {
             @include button(backdrop, $b_color, white, $edge:none);
             //@extend %middle_button;
             &:disabled {
               @include button(backdrop-insensitive, $edge:none);
               //@extend %middle_button;
             }
           }
           &:disabled {
             //@include button(insensitive, $edge:none);
             //@extend %middle_button;
             background-color: $titlebar_bg_color;
 	        color: shade($titlebar_fg_color,0.5);
           }
         }
       }
       &:first-child{ }//@extend %first_button; }
       &:last-child { }//@extend %last_button; }
     }
     %middle_button {
       border-left-style: solid;
       border-right-style: none;
       border-bottom-style: none;
     }
     %last_button {
       border-bottom-right-radius: 7px;
       outline-bottom-right-radius: 5px;
     }
     %first_button {
       border-left-style: none;
       border-bottom-left-radius: 7px;
       outline-bottom-left-radius: 5px;
     }
   }
 }
 
 filechooser {
   .search-bar {
     background-color: $bg_color;
     border-color: $bg_color;
     box-shadow: none;
     &:backdrop {
       background-color: $backdrop_base_color;
       border-color: $backdrop_bg_color;
     }
   }
   .dialog-action-box {
     border-top: 1px solid $borders_color;
     &:backdrop { border-top-color: $backdrop_borders_color; }
   }
 }
 
 /***********
  * Sidebar *
  ***********/
 
 .sidebar {
   border: none;
   background-color: $bg_color;
 
   &:selected {
     @extend %selected_items;
   }
 }
 
 // Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color
 placessidebar.sidebar .view {
 
   color: $fg_color;
   background-color: transparent;
 
   .separator,
   .separator:backdrop { @extend .separator; }
 
   .image { // icons color
     color: mix($fg_color, $sidebar_bg_color, 70%);
 
     &:selected {
       color: mix($selected_fg_color, $selected_bg_color, 90%);
 
       &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 90%); }
     }
 
     &:disabled { color: mix($insensitive_fg_color, $sidebar_bg_color, 70%); }
 
     &:backdrop {
       color: mix($backdrop_fg_color, $sidebar_bg_color, 70%);
 
       &:disabled { color: mix($backdrop_insensitive_color, $sidebar_bg_color, 70%); }
     }
   }
 
   &:disabled { color: $insensitive_fg_color; }
 
   &:backdrop {
     color: $backdrop_fg_color;
 
     &:disabled { color: $backdrop_insensitive_color; }
   }
 
   &:selected {
     @extend %selected_items;
   }
 }
 
 
 .sidebar-item {
   padding: 10px 4px;
   > .label {
     padding-left: 6px;
     padding-right: 6px;
   }
   &.needs-attention > .label {
     @extend %needs_attention;
     background-size: 6px 6px, 0 0;
   }
 }
 
 
 /*********
  * Paned *
  *********/
 
 paned { // this is for the standard paned separator
 
   -paned-handle-size: 1; // sets separator width
 
   -gtk-icon-source: none; // removes handle decoration
   margin: 0 8px 8px 0; // drag area of the separator, not a real margin
   &:dir(rtl) {
     margin-right: 0;
     margin-left: 8px;
   }
   .pane-separator {
     background-color: $borders_color;
     &:backdrop {
       background-color: $backdrop_borders_color;
     }
   }
 }
 
 paned.wide { // this is for the paned with wide separator
   -paned-handle-size: 5; // wider separator here
   margin: 0; // no need of the invisible drag area so, reset margin
   .pane-separator {
     background-color: transparent;
     border-style: none solid;
     border-color: $borders_color;
     border-width: 1px;
   }
   &.vertical .pane-separator { border-style: solid none;}
   .pane-separator:backdrop { border-color: $backdrop_borders_color; }
 }
 
 
 /**************
  * infobar *
  **************/
 infobar {
   border-style: none;
 }
 
 .info,
 .question,
 .warning,
 .error {
   background-color: $titlebar_bg_color;
   color: $selected_fg_color;
   text-shadow: none;
   border-color: darken($selected_bg_color, 10%);
   button {
     // FIXME: extend selection mode buttons
     @include button(normal, $selected_bg_color, $selected_fg_color, none);
     &:hover {
       @include button(hover, $selected_bg_color, $selected_fg_color, none); }
     &:active {
       @include button(active, $selected_bg_color, $selected_fg_color, none); }
     &:disabled {
       @include button(insensitive,$selected_bg_color,$selected_fg_color,none); }
     &:backdrop {
       @include button(backdrop, $selected_bg_color, $selected_fg_color, none);
       border-color: _border_color($selected_bg_color);
       &:disabled {
         @include button(backdrop-insensitive, $selected_bg_color,
                         $selected_fg_color, none);
         border-color: _border_color($selected_bg_color);
       }
     }
   }
   .label:selected,
   .label:selected:focus,
   .label:selected:hover {
     background-color: darken($selected_bg_color, 10%);
   }
 }
 
 /************
  * Tooltips *
  ************/
 
 tooltip {
   &.background {
     // background-color needs to be set this way otherwise it gets drawn twice
     // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
     background-color: transparentize(black, 0.2);
     background-clip: padding-box;
     border: 1px solid $tooltip_borders_color; // this suble border is meant to
                                               // not make the tooltip melt with
                                               // very dark backgrounds
   }
 
   color: white;
   padding: 4px; /* not working */
   border-radius: 5px;
   box-shadow: none; // otherwise it gets inherited by windowframe.csd
   text-shadow: 0 1px black;
   // FIXME: we need a border or tooltips vanish on black background.
   &.window-frame.csd {
     background-color: transparent;
   }
 }
 
 tooltip * { //Yeah this is ugly
   padding: 4px;
   background-color: transparent;
   color: inherit; // just to be sure
 }
 
 /*****************
  * Color Chooser *
  *****************/
 
 colorswatch {
   // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one
   // is colorswatch > .overlay {}, colorswatch has the programmatically set background, so most of the style
   // is applied to the overlay box.
 
   $_colorswatch_shadow: inset 0 1px transparentize(black, 0.9), _widget_edge();
 
   $_colorswatch_radius: 5px;
 
   box-shadow: $_colorswatch_shadow;
 
   // take care of colorswatches on selected elements
   :selected & {
     box-shadow: none;
     &.overlay, &.overlay:hover {
       border-color: $selected_fg_color;
     }
   }
 
   // we need to re-set the shadow here since it get axed by the previous bit
   &:selected { box-shadow: $_colorswatch_shadow; }
 
   // base color corners rounding
   // to avoid the artifacts caused by rounded corner anti-aliasing the base color
   // sports a bigger radius.
   // nth-child is needed by the custom color strip.
   // The :not() madness is needed since actually the overlay is selectable by colorswatch > .overlay
   // and colorswatch.overlay, I know it's weird, but this is gtk+, not a browser.
   &.top {
     border-top-left-radius: $_colorswatch-radius + 1px;
     border-top-right-radius: $_colorswatch-radius + 1px;
   }
   &.bottom {
     border-bottom-left-radius: $_colorswatch-radius + 1px;
     border-bottom-right-radius: $_colorswatch-radius + 1px;
   }
   &.left, &:first-child:not(.overlay):not(.top) {
     border-top-left-radius: $_colorswatch-radius + 1px;
     border-bottom-left-radius: $_colorswatch-radius + 1px;
   }
   &.right, &:last-child:not(.overlay):not(.bottom) {
     border-top-right-radius: $_colorswatch-radius + 1px;
     border-bottom-right-radius: $_colorswatch-radius + 1px;
   }
   &:only-child:not(.overlay) { border-radius: $_colorswatch-radius + 1px; }
 
   // overlay corner rounding
   &.top > .overlay {
     border-top-left-radius: $_colorswatch-radius;
     border-top-right-radius: $_colorswatch-radius;
   }
   &.bottom > .overlay {
     border-bottom-left-radius: $_colorswatch-radius;
     border-bottom-right-radius: $_colorswatch-radius;
   }
   &:first-child:not(.top) > .overlay {
     border-top-left-radius: $_colorswatch-radius;
     border-bottom-left-radius: $_colorswatch-radius;
   }
   &:last-child:not(.bottom) > .overlay {
     border-top-right-radius: $_colorswatch-radius;
     border-bottom-right-radius: $_colorswatch-radius;
   }
   &:only-child > .overlay { border-radius: $_colorswatch-radius; }
 
   // hover effect
   &:hover,
   &:hover:selected {
     background-image: linear-gradient(135deg, transparentize(white, 0.3),
                                               transparentize(white, 1) 50%);
     box-shadow: inset 0 1px transparentize(white, 0.6),
                 inset 0 -1px if($variant == 'light', transparentize(black, 0.9), transparentize(black, 0.6));
     &.color-dark { // swatches with colors with luminosity lower than 50% get the color-dark class
       background-image: linear-gradient(135deg, transparentize(white, 0.5),
                                                 transparentize(white, 1) 50%);
     }
   }
   &:backdrop,
   &:backdrop:selected
   &.color-dark:backdrop,
   &.color-dark:backdrop:selected {
     background-image: none;
     box-shadow: none;
   }
 
   // no hover effect for the colorswatch in the color editor
   colorchooser & {
     border-radius: 3px; // same radius as the entry
     &:hover {
       background-image: none;
       box-shadow: inset 0 1px transparentize(black, 0.9), _widget_edge();
     }
     &:backdrop { box-shadow: none; }
   }
 
   // indicator and keynav outline colors
   &.color-dark {
     color: white;
     outline-color: transparentize(black, 0.7);
     &:backdrop { color: transparentize(white, 0.7); }
   }
   &.color-light {
     color: black;
     outline-color: transparentize(white, 0.5);
     &:backdrop { color: transparentize(black, 0.7); }
   }
 
   // border color
   &.overlay,
   &.overlay:selected {
     border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color);
     &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), black); }
   }
 
   // make the add color button looks like, well, a button
   &#add-color-button {
     border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi
     border-width: 1px;   // translucent on the colored background, here it's not necessary so they need to be set
     @include button(normal);
     &:hover { @include button(hover); }
     &:backdrop { @include button(backdrop); }
     .overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneat
   }
 }
 
 
 /********
  * Misc *
  ********/
 
 scale-popup button { // +/- buttons on GtkVolumeButton popup
   padding: 6px;
   &:hover {
     @extend %undecorated_button;
     background-color: transparentize($fg_color,0.9);
     border-radius: 5px;
   }
   &:backdrop,
   &:backdrop:hover,
   &:backdrop:disabled { @extend %undecorated_button; }
 }
 
 /**********************
  * Window Decorations *
  *********************/
 
 .window-frame {
   
   border-width: 0;
 
   // this needs to be transparent
   // see bug #722563
   $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1));
   $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize($borders_color, 0.1));
 
   box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
 
   // FIXME rationalize window-frame shadows
 
   /* this is used for the resize cursor area */
   margin: 10px;
 
   &:backdrop {
     box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
   }
   &.tiled {
     border-radius: 0;
   }
   &.popup {
     box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1)
   }
   // server-side decorations as used by mutter
   &.ssd {
 	box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
   }
   &.csd {
     &.popup {
       border-radius: 0;
       box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1)
     }
     &.tooltip {
       border-radius: 5px;
       box-shadow: none;
     }
     &.message-dialog {
       border-radius: 7px;
       box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5)
     }
   }
   &.solid-csd {
     border-radius: 0;
     margin: 1px;
     background-color: $titlebar_bg_color;
     border: 0;
     box-shadow: none;
   }
 }
 
 // Window Close button
 headerbar button.titlebutton,
 .titlebar button.titlebutton {
   @extend button;
   @extend button.flat;
   @extend .image-button;
   //@include _button_text_shadow;
   padding: 2px;
   &:backdrop { -gtk-icon-shadow: none; }
    
   &.close {
       color: transparent;
       border-image: none;
       box-shadow: none;
       background-position: center;
       background-repeat: no-repeat;
 
       background-image: -gtk-scaled(url('assets/titlebutton-close.png'),url('assets/titlebutton-close@2.png'));
   
       }
   &.close:hover { 
       border-color: transparent;
       background-color: transparent;
       background-image: -gtk-scaled(url('assets/titlebutton-close-hover.png'),
       url('assets/titlebutton-close-hover@2.png')); 
       }
   &.close:active { 
       border-color: transparent;
       background-color: transparent;
       background-image: -gtk-scaled(url('assets/titlebutton-close-active.png'),
       url('assets/titlebutton-close-active@2.png')); 
       }
   &.close:backdrop { 
       border-color: transparent;
       background-color: transparent;
       background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop.png'),
       url('assets/titlebutton-close-backdrop@2.png')); 
       }
       
   &.maximize {
   
       color: transparent;
       border-image: none;
       box-shadow: none;
       background-position: center;
       background-repeat: no-repeat;
 
       background-image: -gtk-scaled(url('assets/titlebutton-maximize.png'),url('assets/titlebutton-maximize@2.png'));
       
       }
   &.maximize:hover { 
 	border-color: transparent;
     background-color: transparent;
 	background-image: -gtk-scaled(url('assets/titlebutton-maximize-hover.png'),
 	url('assets/titlebutton-maximize-hover@2.png')); 
 	}
   &.maximize:active {
 	border-color: transparent;
     background-color: transparent;
 	background-image: -gtk-scaled(url('assets/titlebutton-maximize-active.png'),
 	url('assets/titlebutton-maximize-active@2.png')); 
 	}
   &.maximize:backdrop {
 	border-color: transparent;
     background-color: transparent;
 	background-image: -gtk-scaled(url('assets/titlebutton-maximize-backdrop.png'),
 	url('assets/titlebutton-maximize-backdrop@2.png')); 
 	}
   
   &.minimize {
   
       color: transparent;
       border-image: none;
       box-shadow: none;
       background-position: center;
       background-repeat: no-repeat;
 
       background-image: -gtk-scaled(url('assets/titlebutton-minimize.png'),url('assets/titlebutton-minimize@2.png'));
       }
   &.minimize:hover { 
 	border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url('assets/titlebutton-minimize-hover.png'),
     url('assets/titlebutton-minimize-hover@2.png')); 
     }
   &.minimize:active { 
 	border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url('assets/titlebutton-minimize-active.png'),
     url('assets/titlebutton-minimize-active@2.png')); 
     }
   &.minimize:backdrop { 
 	border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url('assets/titlebutton-minimize-backdrop.png'),
     url('assets/titlebutton-minimize-backdrop@2.png')); 
     }
 }
 
 headerbar.selection-mode button.titlebutton,
 .titlebar.selection-mode button.titlebutton {
   text-shadow: none;
   &:backdrop { -gtk-icon-shadow: none; }
 }
 
 
 // catch all extend :)
 
 %selected_items {
   background-color: $selected_bg_color;
   color: $selected_fg_color;
   @if $variant == 'light' {
     outline-color: transparentize($selected_fg_color, 0.7);
   }
 }
 
 /* Decouple the font of context menus from their entry/textview */
 .touch-selection,
 .context-menu {
   font: initial;
 }
 
 .monospace {
   font: Monospace;
 }
 
 // This is used by scrolledwindow, when content is touch-dragged past boundaries.
 // This draws a box on top of the content, the size changes programmatically.
 .overshoot {
   &.top {
     @include overshoot(top);
     &:backdrop { @include overshoot(top, backdrop); }
   }
   &.bottom {
     @include overshoot(bottom);
     &:backdrop { @include overshoot(bottom, backdrop); }
   }
   &.left {
     @include overshoot(left);
     &:backdrop { @include overshoot(left, backdrop); }
   }
   &.right {
     @include overshoot(right);
     &:backdrop { @include overshoot(right, backdrop); }
   }
 }
 
 // Overflow indication, works similarly to the overshoot, the size if fixed tho.
 .undershoot {
   &.top {
     @include undershoot(top);
   }
 
   &.bottom {
     @include undershoot(bottom);
   }
 
   &.left {
     @include undershoot(left);
   }
 
   &.right {
     @include undershoot(right);
   }
 }
diff --git a/Breeze-gtk/gtk-3.0/gtk-dark.css b/Breeze-gtk/gtk-3.0/gtk-dark.css
index db13a6f..501fbac 100644
--- a/Breeze-gtk/gtk-3.0/gtk-dark.css
+++ b/Breeze-gtk/gtk-3.0/gtk-dark.css
@@ -1,4302 +1,4302 @@
 * {
   padding: 0;
   -GtkToolButton-icon-spacing: 4;
   -GtkTextView-error-underline-color: #ed1515;
   -GtkCheckButton-indicator-size: 16;
   -GtkCheckMenuItem-indicator-size: 16;
   -GtkScrolledWindow-scrollbar-spacing: 0;
   -GtkScrolledWindow-scrollbars-within-bevel: 1;
   -GtkToolItemGroup-expander-size: 11;
   -GtkExpander-expander-size: 16;
   -GtkTreeView-expander-size: 11;
   -GtkTreeView-horizontal-separator: 4;
   -GtkMenu-horizontal-padding: 0;
   -GtkMenu-vertical-padding: 0;
   -GtkWidget-link-color: #98d4f3;
   -GtkWidget-visited-link-color: #6bc0ed;
   -GtkWidget-focus-padding: 2;
   -GtkWidget-focus-line-width: 1;
   -GtkWidget-text-handle-width: 20;
   -GtkWidget-text-handle-height: 20;
   -GtkDialog-button-spacing: 4;
   -GtkDialog-action-area-border: 0;
   -GtkStatusbar-shadow-type: none;
   outline-width: 0px; }
 
 /***************
  * Base States *
  ***************/
 .background {
   color: #EEEFF0;
   background-color: #31363B; }
   .background:backdrop {
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #EEEFF0;
     background-color: #31363B; }
 
 /*
    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: #31363B;
   color: #EEEFF0; }
   .gtkstyle-fallback:hover {
     background-color: #485057;
     color: #EEEFF0; }
   .gtkstyle-fallback:active {
     background-color: #1a1d1f;
     color: #EEEFF0; }
   .gtkstyle-fallback:disabled {
     background-color: #3a3f44;
     color: #909396; }
   .gtkstyle-fallback:selected {
     background-color: #3DADE8;
     color: #EEEFF0; }
 
 .view {
   color: #EEEFF0;
   background-color: #232629; }
   .view:selected, calendar:selected {
     border-radius: 3px; }
 
 .rubberband {
   border: 1px solid #3DADE8;
   background-color: rgba(61, 173, 232, 0.2); }
 
 .label.separator, placessidebar.sidebar .view .label.separator {
   color: #EEEFF0; }
 .label:disabled {
   color: #909396; }
 
 .dim-label, .label.separator, placessidebar.sidebar .view .label.separator, .titlebar .subtitle,
 headerbar .subtitle {
   opacity: 0.55;
   text-shadow: none; }
 
 assistant .sidebar {
   background-color: #232629;
   border-top: 1px solid #696D71; }
   assistant .sidebar:dir(ltr) {
     border-right: 1px solid #696D71; }
   assistant .sidebar:dir(rtl) {
     border-left: 1px solid #696D71; }
   assistant .sidebar:backdrop {
     background-color: #25292c;
     border-color: #63686c; }
 assistant.csd .sidebar {
   border-top-style: none; }
 assistant .sidebar .label {
   padding: 6px 12px; }
 assistant .sidebar .label.highlight {
   background-color: #575b5f; }
 
 textview {
     background-color: #2a2e32; }
   textview text selection { }
 
 .grid-child {
   padding: 3px;
   border-radius: 3px; }
 
 popover.osd, .app-notification,
 .app-notification.frame, .osd {
   color: #EEEFF0;
   border: 1px solid #31363B;
   background-color: rgba(35, 38, 41, 0.8);
   background-clip: padding-box;
   outline-color: rgba(238, 239, 240, 0.3);
   text-shadow: none;
   -gtk-icon-shadow: none; }
   popover.osd:backdrop, .app-notification:backdrop, .osd:backdrop {
     text-shadow: none; }
 
 /*********************
  * Spinner Animation *
  *********************/
 @keyframes spin {
   to {
     -gtk-icon-transform: rotate(1turn); } }
 .spinner {
   background-image: none;
   background-color: blue;
   opacity: 0;
   -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
   .spinner:active {
     opacity: 1;
     animation: spin 1s linear infinite; }
     .spinner:active:disabled {
       opacity: 0.5; }
 
 /****************
  * Text Entries *
  ****************/
 entry {
   border: 1px solid;
   padding: 5px 8px 6px;
   border-radius: 3px;
   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
   background-color: #232629;
   background-image: none;
   color: #EEEFF0;
   border-color: #696D71; }
   entry.image.left {
     padding-left: 0; }
   entry.image.right {
     padding-right: 0; }
   entry.flat, entry.flat:focus {
     padding: 2px;
     background-color: #232629;
     background-image: none;
     color: #EEEFF0;
     border-color: #696D71;
     border: none;
     border-radius: 0; }
   entry:focus {
     background-color: #232629;
     background-image: none;
     border-color: #3DADE8; }
   entry:disabled {
     background-color: #232629;
     background-image: none;
     color: #909396;
     border-color: #696D71;
     background-color: #3a3f44;
     box-shadow: none; }
   entry:backdrop {
     background-color: #232629;
     background-image: none;
     color: #EEEFF0;
     border-color: #696D71;
     background-color: #232629;
     box-shadow: none; }
   entry:backdrop:disabled {
     background-color: #232629;
     background-image: none;
     color: #909396;
     border-color: #696D71;
     background-color: #3a3f44;
     box-shadow: none; }
   entry progressbar {
     margin: 1px;
     border-radius: 0;
     border-width: 0 0 2px;
     border-color: #3DADE8;
     border-style: solid;
     background-image: none;
     background-color: transparent;
     box-shadow: none; }
     entry progressbar:backdrop {
       background-color: transparent; }
   .linked > entry {
     border-radius: 0; }
     .linked > entry:first-child {
       border-top-left-radius: 3px;
       border-bottom-left-radius: 3px; }
       .linked > entry:first-child:dir(rtl) {
         border-right-style: none; }
     .linked > entry:last-child {
       border-top-right-radius: 3px;
       border-bottom-right-radius: 3px;
       border-left-style: none; }
       .linked > entry:last-child:dir(rtl) {
         border-left-style: solid; }
   entry.error {
     color: #ed1515;
     border-color: #4a0606; }
     entry.error:focus {
       background-color: #232629;
       background-image: none;
       border-color: #4a0606; }
     entry.error:selected, entry.error:selected:focus {
       background-color: #ed1515; }
   entry.warning {
     color: #f67400;
     border-color: #442000; }
     entry.warning:focus {
       background-color: #232629;
       background-image: none;
       border-color: #442000; }
     entry.warning:selected, entry.warning:selected:focus {
       background-color: #f67400; }
   entry.image {
     color: #c5c7c8; }
     entry.image:hover {
       color: #EEEFF0; }
     entry.image:active {
       color: #3DADE8; }
     entry.image:backdrop {
       color: #54585c; }
   .osd entry {
     background-color: #232629;
     background-image: none;
     color: #EEEFF0;
     border-color: rgba(0, 0, 0, 0.7);
     background-color: rgba(35, 38, 41, 0.8);
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none; }
     .osd entry:focus {
       background-color: #232629;
       background-image: none;
       color: #EEEFF0;
       border-color: #3DADE8;
       background-color: rgba(35, 38, 41, 0.8);
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd entry:backdrop {
       background-color: #232629;
       background-image: none;
       color: #EEEFF0;
       border-color: rgba(0, 0, 0, 0.7);
       background-color: rgba(0, 0, 0, 0.7);
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd entry:disabled {
       background-color: #232629;
       background-image: none;
       color: #898b8d;
       border-color: rgba(0, 0, 0, 0.7);
       background-color: shade(#EEEFF0, 0.3);
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
 
 .linked.vertical > entry:not(:last-child) {
   box-shadow: none; }
 .linked.vertical > entry:focus:not(:last-child) {
   box-shadow: inset 0 0 0 1px #3DADE8; }
 .linked.vertical > entry:not(:disabled) + entry:not(:disabled) {
   border-top-color: #383b3f;
   background-image: linear-gradient(to bottom, #232629); }
   .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop {
     border-top-color: #383c3f;
     background-image: linear-gradient(to bottom, #25292c); }
 .linked.vertical > entry + entry:focus:not(:last-child) {
   border-top-color: #3DADE8;
   box-shadow: inset 0 0 0 1px #3DADE8; }
 .linked.vertical > entry + entry:focus:last-child {
   border-top-color: #3DADE8; }
 .linked.vertical > entry:focus:not(:only-child) + entry,
 .linked.vertical > entry:focus:not(:only-child) + button,
 .linked.vertical > entry:focus:not(:only-child) + combobox > button,
 .linked.vertical > entry:focus:not(:only-child) + comboboxText > button {
   border-top-color: #3DADE8; }
 
 /***********
  * Buttons *
  ***********/
 @keyframes needs_attention {
   from {
     background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#81caf0), to(transparent)); }
   to {
     background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3DADE8), to(transparent)); } }
 button, headerbar button.titlebutton,
 .titlebar button.titlebutton {
   border: 1px solid;
   border-radius: 3px;
   padding: 5px 8px 6px;
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   color: #EEEFF0;
   border-color: #696D71;
   background-image: linear-gradient(to bottom, #363b41, #31363b); }
   button.flat, headerbar .titlebutton.button,
   .titlebar .titlebutton.button {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     transition: none; }
     button.flat:hover, headerbar .titlebutton.button:hover,
     .titlebar .titlebutton.button:hover {
       transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
       transition-duration: 500ms; }
       button.flat:hover:active, headerbar .titlebutton.button:hover:active,
       .titlebar .titlebutton.button:hover:active {
         transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   button:hover, headerbar button.titlebutton:hover,
   .titlebar button.titlebutton:hover {
     color: #EEEFF0;
     border-color: #3DADE8;
     background-image: linear-gradient(to bottom, #31363b, #31363b);
     -gtk-icon-effect: highlight; }
   button:active, headerbar button.titlebutton:active,
   .titlebar button.titlebutton:active, button:checked, headerbar button.titlebutton:checked,
   .titlebar button.titlebutton:checked {
     color: #31363B;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
     transition-duration: 50ms; }
     button:active:hover, button:checked:hover {
       color: #31363B;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #96CDF1, #86B7D7); }
   button.flat:backdrop, headerbar .titlebutton.button:backdrop,
   .titlebar .titlebutton.button:backdrop, button.flat:disabled, headerbar .titlebutton.button:disabled,
   .titlebar .titlebutton.button:disabled, button.flat:backdrop:disabled, headerbar .titlebutton.button:backdrop:disabled,
   .titlebar .titlebutton.button:backdrop:disabled {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none; }
   button:disabled, headerbar button.titlebutton:disabled,
   .titlebar button.titlebutton:disabled {
     color: #909396;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3a3f44);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
     button:disabled > .label, headerbar button.titlebutton:disabled > .label,
     .titlebar button.titlebutton:disabled > .label {
       color: inherit; }
     button:disabled:active, button:disabled:checked {
       color: #909396;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
       button:disabled:active > .label, headerbar button.titlebutton:disabled:active > .label,
       .titlebar button.titlebutton:disabled:active > .label, button:disabled:checked > .label, headerbar button.titlebutton:disabled:checked > .label,
       .titlebar button.titlebutton:disabled:checked > .label {
         color: inherit; }
   button.osd, headerbar .osd.button.titlebutton,
   .titlebar .osd.button.titlebutton {
     color: #EEEFF0;
     border-radius: 5px;
     outline-color: rgba(238, 239, 240, 0.3);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: none;
     background-color: #31363B;
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     font-weight: normal;
     border: none;
     box-shadow: none; }
     button.osd.image-button, headerbar .osd.titlebutton.button,
     .titlebar .osd.titlebutton.button {
       padding: 13px; }
     button.osd:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: none;
       background-clip: padding-box;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none;
       box-shadow: none; }
     button.osd:active, button.osd:checked {
       color: #EEEFF0;
       border-color: rgba(35, 38, 41, 0.8);
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none;
       box-shadow: none; }
     button.osd:disabled, button.osd:backdrop:disabled {
       color: #909396;
       border-color: #3a3f44;
       background-image: none;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none; }
     button.osd:backdrop {
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none; }
   .osd button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
   .osd .titlebar button.titlebutton,
   .titlebar .osd button.titlebutton {
     color: #EEEFF0;
     border-color: #696D71;
     background-image: none;
     background-color: #31363B;
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     font-weight: normal;
     border-radius: 3px;
     border-style: solid; }
     .osd button:dir(rtl) {
       border-radius: 3px; }
     .osd button:first-child {
       border-radius: 3px 3px 3px 3px; }
     .osd button:last-child {
       border-radius: 3px 3px 3px 3px; }
       .osd button:last-child:dir(rtl) {
         border-right-style: solid; }
     .osd button:only-child {
       border-radius: 3px;
       border-style: solid; }
     .osd button:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: none;
       background-clip: padding-box;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked {
       color: #EEEFF0;
       border-color: rgba(35, 38, 41, 0.8);
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button:disabled, .osd button:backdrop:disabled {
       color: #909396;
       border-color: #3a3f44;
       background-image: none;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button:backdrop {
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button.flat, .osd headerbar .titlebutton.button, headerbar .osd .titlebutton.button,
     .osd .titlebar .titlebutton.button,
     .titlebar .osd .titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal; }
       .osd button.flat:hover, .osd headerbar .titlebutton.button:hover, headerbar .osd .titlebutton.button:hover,
       .osd .titlebar .titlebutton.button:hover,
       .titlebar .osd .titlebutton.button:hover {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none;
         background-clip: padding-box;
         box-shadow: none; }
       .osd button.flat:disabled, .osd headerbar .titlebutton.button:disabled, headerbar .osd .titlebutton.button:disabled,
       .osd .titlebar .titlebutton.button:disabled,
       .titlebar .osd .titlebutton.button:disabled {
         color: #909396;
         border-color: #3a3f44;
         background-image: none;
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none;
         background-image: none;
         border-color: transparent;
         box-shadow: none; }
       .osd button.flat:backdrop, .osd headerbar .titlebutton.button:backdrop, headerbar .osd .titlebutton.button:backdrop,
       .osd .titlebar .titlebutton.button:backdrop,
       .titlebar .osd .titlebutton.button:backdrop {
         border-color: rgba(255, 255, 255, 0);
         background-color: transparent;
         background-image: none;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.flat:active, .osd headerbar .titlebutton.button:active, headerbar .osd .titlebutton.button:active,
       .osd .titlebar .titlebutton.button:active,
       .titlebar .osd .titlebutton.button:active, .osd button.flat:checked, .osd headerbar .titlebutton.button:checked, headerbar .osd .titlebutton.button:checked,
       .osd .titlebar .titlebutton.button:checked,
       .titlebar .osd .titlebutton.button:checked {
         color: #EEEFF0;
         border-color: rgba(35, 38, 41, 0.8);
         background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none;
         background-clip: padding-box;
         border-color: transparent;
         box-shadow: none; }
   button.suggested-action, headerbar .suggested-action.button.titlebutton,
   .titlebar .suggested-action.button.titlebutton {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #232629;
     border-color: #3DADE8;
     background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
     button.suggested-action.flat, headerbar .suggested-action.titlebutton.button,
     .titlebar .suggested-action.titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: #3DADE8; }
     button.suggested-action:hover {
       color: white;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
     button.suggested-action:active, button.suggested-action:checked {
       color: white;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
     button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar .suggested-action.titlebutton.button:backdrop,
     .titlebar .suggested-action.titlebutton.button:backdrop {
       color: white;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3DADE8);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
       button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, headerbar .suggested-action.titlebutton.button:backdrop:active,
       .titlebar .suggested-action.titlebutton.button:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar .suggested-action.titlebutton.button:backdrop:checked,
       .titlebar .suggested-action.titlebutton.button:backdrop:checked {
         color: #d1eaf7;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #1a97d8);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
       button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar .suggested-action.titlebutton.button:backdrop:disabled,
       .titlebar .suggested-action.titlebutton.button:backdrop:disabled {
         color: #545c65;
         border-color: #63686c;
         background-image: linear-gradient(to bottom, #3a3f44);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         button.suggested-action:backdrop:disabled > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
         .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label, button.suggested-action.flat:backdrop:disabled > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled > .label,
         .titlebar .suggested-action.titlebutton.button:backdrop:disabled > .label {
           color: inherit; }
         button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, headerbar .suggested-action.titlebutton.button:backdrop:disabled:active,
         .titlebar .suggested-action.titlebutton.button:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar .suggested-action.titlebutton.button:backdrop:disabled:checked,
         .titlebar .suggested-action.titlebutton.button:backdrop:disabled:checked {
           color: #79b4d2;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #318bba); }
           button.suggested-action:backdrop:disabled:active > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled:active > .label,
           .titlebar .suggested-action.button.titlebutton:backdrop:disabled:active > .label, button.suggested-action:backdrop:disabled:checked > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled:checked > .label,
           .titlebar .suggested-action.button.titlebutton:backdrop:disabled:checked > .label, button.suggested-action.flat:backdrop:disabled:active > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled:active > .label,
           .titlebar .suggested-action.titlebutton.button:backdrop:disabled:active > .label, button.suggested-action.flat:backdrop:disabled:checked > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled:checked > .label,
           .titlebar .suggested-action.titlebutton.button:backdrop:disabled:checked > .label {
             color: inherit; }
     button.suggested-action.flat:backdrop, headerbar .suggested-action.titlebutton.button:backdrop,
     .titlebar .suggested-action.titlebutton.button:backdrop, button.suggested-action.flat:disabled, headerbar .suggested-action.titlebutton.button:disabled,
     .titlebar .suggested-action.titlebutton.button:disabled, button.suggested-action.flat:backdrop:disabled, headerbar .suggested-action.titlebutton.button:backdrop:disabled,
     .titlebar .suggested-action.titlebutton.button:backdrop:disabled {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: rgba(61, 173, 232, 0.8); }
     button.suggested-action:disabled {
       background-color: transparent;
       color: shade(#EEEFF0, 0.5); }
       button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
         background-color: transparent;
         color: shade(#EEEFF0, 0.5); }
     .osd button.suggested-action {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: none;
       background-color: #31363B;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal; }
       .osd button.suggested-action:hover {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked {
         color: #EEEFF0;
         border-color: rgba(35, 38, 41, 0.8);
         background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.suggested-action:disabled, .osd button.suggested-action:backdrop:disabled {
         color: #909396;
         border-color: #3a3f44;
         background-image: none;
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.suggested-action:backdrop {
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
   button.destructive-action, headerbar .destructive-action.button.titlebutton,
   .titlebar .destructive-action.button.titlebutton {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #232629;
     border-color: #d51010;
     background-image: linear-gradient(to bottom, #df1111, #d51010); }
     button.destructive-action.flat, headerbar .destructive-action.titlebutton.button,
     .titlebar .destructive-action.titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: #d51010; }
     button.destructive-action:hover {
       color: white;
       border-color: #d51010;
       background-image: linear-gradient(to bottom, #d51010, #d51010); }
     button.destructive-action:active, button.destructive-action:checked {
       color: white;
       border-color: #d51010;
       background-image: linear-gradient(to bottom, #d51010, shade(#d51010, 0.8)); }
     button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar .destructive-action.titlebutton.button:backdrop,
     .titlebar .destructive-action.titlebutton.button:backdrop {
       color: white;
       border-color: #d51010;
       background-image: linear-gradient(to bottom, #d51010);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
       button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, headerbar .destructive-action.titlebutton.button:backdrop:active,
       .titlebar .destructive-action.titlebutton.button:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar .destructive-action.titlebutton.button:backdrop:checked,
       .titlebar .destructive-action.titlebutton.button:backdrop:checked {
         color: #edcece;
         border-color: #d51010;
         background-image: linear-gradient(to bottom, #a60c0c);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
       button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar .destructive-action.titlebutton.button:backdrop:disabled,
       .titlebar .destructive-action.titlebutton.button:backdrop:disabled {
         color: #545c65;
         border-color: #63686c;
         background-image: linear-gradient(to bottom, #3a3f44);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         button.destructive-action:backdrop:disabled > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled > .label,
         .titlebar .destructive-action.button.titlebutton:backdrop:disabled > .label, button.destructive-action.flat:backdrop:disabled > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled > .label,
         .titlebar .destructive-action.titlebutton.button:backdrop:disabled > .label {
           color: inherit; }
         button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, headerbar .destructive-action.titlebutton.button:backdrop:disabled:active,
         .titlebar .destructive-action.titlebutton.button:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar .destructive-action.titlebutton.button:backdrop:disabled:checked,
         .titlebar .destructive-action.titlebutton.button:backdrop:disabled:checked {
           color: #c36465;
           border-color: #d51010;
           background-image: linear-gradient(to bottom, #a31112); }
           button.destructive-action:backdrop:disabled:active > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled:active > .label,
           .titlebar .destructive-action.button.titlebutton:backdrop:disabled:active > .label, button.destructive-action:backdrop:disabled:checked > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled:checked > .label,
           .titlebar .destructive-action.button.titlebutton:backdrop:disabled:checked > .label, button.destructive-action.flat:backdrop:disabled:active > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled:active > .label,
           .titlebar .destructive-action.titlebutton.button:backdrop:disabled:active > .label, button.destructive-action.flat:backdrop:disabled:checked > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled:checked > .label,
           .titlebar .destructive-action.titlebutton.button:backdrop:disabled:checked > .label {
             color: inherit; }
     button.destructive-action.flat:backdrop, headerbar .destructive-action.titlebutton.button:backdrop,
     .titlebar .destructive-action.titlebutton.button:backdrop, button.destructive-action.flat:disabled, headerbar .destructive-action.titlebutton.button:disabled,
     .titlebar .destructive-action.titlebutton.button:disabled, button.destructive-action.flat:backdrop:disabled, headerbar .destructive-action.titlebutton.button:backdrop:disabled,
     .titlebar .destructive-action.titlebutton.button:backdrop:disabled {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: rgba(213, 16, 16, 0.8); }
     button.destructive-action:disabled {
       background-color: transparent;
       color: shade(#EEEFF0, 0.5); }
       button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
         background-color: transparent;
         color: shade(#EEEFF0, 0.5); }
     .osd button.destructive-action {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: none;
       background-color: #31363B;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal; }
       .osd button.destructive-action:hover {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked {
         color: #EEEFF0;
         border-color: rgba(35, 38, 41, 0.8);
         background-image: linear-gradient(to bottom, #d51010, shade(#d51010, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.destructive-action:disabled, .osd button.destructive-action:backdrop:disabled {
         color: #909396;
         border-color: #3a3f44;
         background-image: none;
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.destructive-action:backdrop {
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
   button.image-button, headerbar .titlebutton.button,
   .titlebar .titlebutton.button {
     padding: 8px; }
   button.text-button, headerbar .text-button.button.titlebutton,
   .titlebar .text-button.button.titlebutton {
     padding-left: 16px;
     padding-right: 16px; }
   button.text-button.image-button, headerbar .text-button.titlebutton.button,
   .titlebar .text-button.titlebutton.button {
     padding: 5px 8px 6px; }
     button.text-button.image-button .label:first-child, headerbar .text-button.titlebutton.button .label:first-child,
     .titlebar .text-button.titlebutton.button .label:first-child {
       padding-left: 8px; }
     button.text-button.image-button .label:last-child, headerbar .text-button.titlebutton.button .label:last-child,
     .titlebar .text-button.titlebutton.button .label:last-child {
       padding-right: 8px; }
   .stack-switcher > button, headerbar .stack-switcher > button.titlebutton,
   .titlebar .stack-switcher > button.titlebutton {
     outline-offset: -3px; }
     .stack-switcher > button > .label {
       padding-left: 6px;
       padding-right: 6px; }
     .stack-switcher > button > image, headerbar .stack-switcher > button.titlebutton > image,
     .titlebar .stack-switcher > button.titlebutton > image {
       padding-left: 6px;
       padding-right: 6px;
       padding-top: 3px;
       padding-bottom: 3px; }
     .stack-switcher > button.text-button, headerbar .stack-switcher > .text-button.button.titlebutton,
     .titlebar .stack-switcher > .text-button.button.titlebutton {
       padding: 5px 10px 6px; }
     .stack-switcher > button.image-button, headerbar .stack-switcher > .titlebutton.button,
     .titlebar .stack-switcher > .titlebutton.button {
       padding: 5px 2px; }
     .stack-switcher > button.needs-attention:active > .label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > .label, .stack-switcher > button.needs-attention:checked > image {
       animation: none;
       background-image: none; }
   .inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
   .inline-toolbar .titlebar button.titlebutton,
   .titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop {
     border-radius: 2px;
     border-width: 1px; }
   .primary-toolbar button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton,
   .primary-toolbar .titlebar button.titlebutton,
   .titlebar .primary-toolbar button.titlebutton {
     -gtk-icon-shadow: none; }
 
 .stack-switcher > button.needs-attention > .label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > .label {
   animation: needs_attention 150ms ease-in;
   background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#81caf0), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.83059)), to(transparent));
   background-size: 6px 6px, 6px 6px;
   background-repeat: no-repeat;
   background-position: right 3px, right 2px; }
   .stack-switcher > button.needs-attention > .label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > .label:backdrop {
     background-size: 6px 6px, 0 0; }
   .stack-switcher > button.needs-attention > .label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
     background-position: left 3px, left 2px; }
 
 .inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton,
 .inline-toolbar .titlebar toolbutton > button.titlebutton,
 .titlebar .inline-toolbar toolbutton > button.titlebutton {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   color: #EEEFF0;
   border-color: #696D71;
   background-image: linear-gradient(to bottom, #363b41, #31363b); }
   .inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:hover {
     color: #EEEFF0;
     border-color: #3DADE8;
     background-image: linear-gradient(to bottom, #31363b, #31363b); }
   .inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton > button.titlebutton:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton > button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:checked {
     color: #31363B;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
   .inline-toolbar toolbutton > button:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled {
     color: #909396;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3a3f44);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
     .inline-toolbar toolbutton > button:disabled > .label {
       color: inherit; }
   .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:active, .inline-toolbar toolbutton > button:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:checked {
     color: #909396;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
     .inline-toolbar toolbutton > button:disabled:active > .label, .inline-toolbar toolbutton > button:disabled:checked > .label {
       color: inherit; }
   .inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop {
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #31363B);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
   .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked {
     color: #606468;
     border-color: #63686c;
     background-image: linear-gradient(to bottom, #43484c);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
   .inline-toolbar toolbutton > button:backdrop:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled {
     color: #545c65;
     border-color: #63686c;
     background-image: linear-gradient(to bottom, #3a3f44);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     .inline-toolbar toolbutton > button:backdrop:disabled > .label {
       color: inherit; }
   .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:checked {
     color: #545c65;
     border-color: #63686c;
     background-image: linear-gradient(to bottom, #2e3236); }
     .inline-toolbar toolbutton > button:backdrop:disabled:active > .label, .inline-toolbar toolbutton > button:backdrop:disabled:checked > .label {
       color: inherit; }
 
 .inline-toolbar toolbutton > button.flat:dir(rtl), .inline-toolbar headerbar toolbutton > button.titlebutton:dir(rtl), headerbar .inline-toolbar toolbutton > button.titlebutton:dir(rtl),
 .inline-toolbar .titlebar toolbutton > button.titlebutton:dir(rtl),
 .titlebar .inline-toolbar toolbutton > button.titlebutton:dir(rtl),
 .inline-toolbar toolbutton:backdrop > button.flat:dir(rtl), .inline-toolbar.toolbar toolbutton:dir(rtl) > button.flat, .inline-toolbar toolbutton:dir(rtl) > button.flat, .inline-toolbar.search-bar toolbutton:dir(rtl) > button.flat, .inline-toolbar.location-bar toolbutton:dir(rtl) > button.flat, .inline-toolbar headerbar toolbutton:dir(rtl) > button.titlebutton, headerbar .inline-toolbar toolbutton:dir(rtl) > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:dir(rtl) > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:dir(rtl) > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:dir(rtl) > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:dir(rtl) > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:dir(rtl) > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:dir(rtl) > button.titlebutton, .osd button:dir(rtl):hover, .osd button:dir(rtl):active, .osd button:dir(rtl):checked, .osd button:dir(rtl):disabled, .osd button:dir(rtl):backdrop, .osd button.suggested-action:dir(rtl), .osd button.destructive-action:dir(rtl), .inline-toolbar button:dir(rtl), .linked > button:dir(rtl), headerbar .linked > button.titlebutton:dir(rtl),
 .titlebar .linked > button.titlebutton:dir(rtl), combobox.combobox-entry entry:dir(rtl), combobox.combobox-entry button:dir(rtl), .linked > combobox > button:dir(rtl) {
   border-radius: 3px; }
 
 .osd button:first-child:hover, .osd button:first-child:active, .osd button:first-child:checked, .osd button:first-child:disabled, .osd button:first-child:backdrop, .osd button.suggested-action:first-child, .osd button.destructive-action:first-child, .inline-toolbar button:first-child, .linked > button:first-child, headerbar .linked > button.titlebutton:first-child,
 .titlebar .linked > button.titlebutton:first-child, .inline-toolbar.toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar.search-bar toolbutton:first-child > button.flat, .inline-toolbar.location-bar toolbutton:first-child > button.flat, .inline-toolbar headerbar toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:first-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:first-child > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.combobox-entry entry:first-child, combobox.combobox-entry button:first-child, .linked > combobox:first-child > button {
   border-radius: 3px 3px 3px 3px;
   border-left-style: solid; }
 .osd button:last-child:hover, .osd button:last-child:active, .osd button:last-child:checked, .osd button:last-child:disabled, .osd button:last-child:backdrop, .osd button.suggested-action:last-child, .osd button.destructive-action:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child,
 .titlebar .linked > button.titlebutton:last-child, .inline-toolbar.toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar.search-bar toolbutton:last-child > button.flat, .inline-toolbar.location-bar toolbutton:last-child > button.flat, .inline-toolbar headerbar toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:last-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:last-child > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, combobox.combobox-entry entry:last-child, combobox.combobox-entry button:last-child, .linked > combobox:last-child > button {
   border-radius: 3px 3px 3px 3px; }
   .osd button:last-child:dir(rtl):hover, .osd button:last-child:dir(rtl):active, .osd button:last-child:dir(rtl):checked, .osd button:last-child:dir(rtl):disabled, .osd button:last-child:dir(rtl):backdrop, .osd button.suggested-action:last-child:dir(rtl), .osd button.destructive-action:last-child:dir(rtl), .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), headerbar .linked > button.titlebutton:last-child:dir(rtl),
   .titlebar .linked > button.titlebutton:last-child:dir(rtl), .inline-toolbar toolbutton:last-child > button.flat:dir(rtl), .inline-toolbar headerbar toolbutton:last-child > button.titlebutton:dir(rtl), headerbar .inline-toolbar toolbutton:last-child > button.titlebutton:dir(rtl),
   .inline-toolbar .titlebar toolbutton:last-child > button.titlebutton:dir(rtl),
   .titlebar .inline-toolbar toolbutton:last-child > button.titlebutton:dir(rtl),
   .inline-toolbar toolbutton:backdrop:last-child > button.flat:dir(rtl), .inline-toolbar.toolbar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar.search-bar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar.location-bar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar headerbar toolbutton:last-child:dir(rtl) > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child:dir(rtl) > button.titlebutton,
   .inline-toolbar .titlebar toolbutton:last-child:dir(rtl) > button.titlebutton,
   .titlebar .inline-toolbar toolbutton:last-child:dir(rtl) > button.titlebutton,
   .inline-toolbar.toolbar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar.search-bar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar.location-bar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar headerbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
   headerbar .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
   .inline-toolbar .titlebar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
   .titlebar .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton, combobox.combobox-entry entry:last-child:dir(rtl), combobox.combobox-entry button:last-child:dir(rtl), .linked > combobox:last-child > button:dir(rtl) {
     border-right-style: solid; }
 .osd button:only-child:hover, .osd button:only-child:active, .osd button:only-child:checked, .osd button:only-child:disabled, .osd button:only-child:backdrop, .osd button.suggested-action:only-child, .osd button.destructive-action:only-child, .inline-toolbar button:only-child, .linked > button:only-child, headerbar .linked > button.titlebutton:only-child,
 .titlebar .linked > button.titlebutton:only-child, .inline-toolbar.toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar.search-bar toolbutton:only-child > button.flat, .inline-toolbar.location-bar toolbutton:only-child > button.flat, .inline-toolbar headerbar toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:only-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:only-child > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, combobox.combobox-entry entry:only-child, combobox.combobox-entry button:only-child, .linked > combobox:only-child > button {
   border-radius: 3px;
   border-style: solid; }
 
 .linked.vertical > entry, .linked.vertical > button, headerbar .linked.vertical > button.titlebutton,
 .titlebar .linked.vertical > button.titlebutton, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > comboboxText > button,
 .linked.vertical > combobox > button {
   border-left-style: solid;
   border-bottom-style: none;
   border-radius: 3px; }
 
 .linked.vertical > entry:first-child, .linked.vertical > button:first-child, headerbar .linked.vertical > button.titlebutton:first-child,
 .titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > comboboxText:first-child > button,
 .linked.vertical > combobox:first-child > button {
   border-radius: 3px 3px 3px 3px; }
 .linked.vertical > entry:last-child, .linked.vertical > button:last-child, headerbar .linked.vertical > button.titlebutton:last-child,
 .titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > comboboxText:last-child > button,
 .linked.vertical > combobox:last-child > button {
   border-radius: 3px 3px 3px 3px;
   border-style: solid; }
 .linked.vertical > entry:only-child, .linked.vertical > button:only-child, headerbar .linked.vertical > button.titlebutton:only-child,
 .titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > comboboxText:only-child > button,
 .linked.vertical > combobox:only-child > button {
   border-radius: 3px;
   border-style: solid; }
 
 menuitem.button.flat, headerbar menuitem.titlebutton.button,
 .titlebar menuitem.titlebutton.button, menuitem.button.flat:backdrop, menuitem.button.flat:backdrop:hover, headerbar menuitem.titlebutton.button:backdrop:hover,
 .titlebar menuitem.titlebutton.button:backdrop:hover, button:link, headerbar button.titlebutton:link,
 .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
 .titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link:backdrop, button:visited:backdrop, menu.button, headerbar menu.button.titlebutton,
 .titlebar menu.button.titlebutton, list-row.button, headerbar list-row.button.titlebutton,
 .titlebar list-row.button.titlebutton,
 list-row.button:backdrop,
 list-row.button:backdrop:active,
 list-row.button:backdrop:checked,
 list-row.button:backdrop:disabled,
 list-row.button:backdrop:disabled:active,
 list-row.button:backdrop:disabled:checked,
 list-row.button:disabled:active,
 list-row.button:disabled:checked, .app-notification button.flat, .app-notification headerbar .titlebutton.button, headerbar .app-notification .titlebutton.button,
 .app-notification .titlebar .titlebutton.button,
 .titlebar .app-notification .titlebutton.button,
 .app-notification.frame button.flat, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, .app-notification headerbar .titlebutton.button:backdrop:disabled, headerbar .app-notification .titlebutton.button:backdrop:disabled,
 .app-notification .titlebar .titlebutton.button:backdrop:disabled,
 .titlebar .app-notification .titlebutton.button:backdrop:disabled,
 .app-notification.frame button.flat:backdrop,
 .app-notification.frame headerbar button.titlebutton:backdrop,
 headerbar .app-notification.frame button.titlebutton:backdrop,
 .app-notification.frame .titlebar button.titlebutton:backdrop,
 .titlebar .app-notification.frame button.titlebutton:backdrop,
 .app-notification.frame button.flat:disabled,
 .app-notification.frame headerbar button.titlebutton:disabled,
 headerbar .app-notification.frame button.titlebutton:disabled,
 .app-notification.frame .titlebar button.titlebutton:disabled,
 .titlebar .app-notification.frame button.titlebutton:disabled,
 .app-notification.frame button.flat:backdrop:disabled, calendar.button, headerbar calendar.button.titlebutton,
 .titlebar calendar.button.titlebutton, calendar.button:hover, calendar.button:backdrop, scale-popup button:hover, scale-popup button:backdrop, scale-popup button:backdrop:hover, scale-popup button:backdrop:disabled {
   border-color: transparent;
   background-color: transparent;
   background-image: none;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
   text-shadow: none;
   -gtk-icon-shadow: none; }
 
 /* menu buttons */
 menuitem.button.flat, headerbar menuitem.titlebutton.button,
 .titlebar menuitem.titlebutton.button {
   outline-offset: -1px; }
   menuitem.button.flat:hover, headerbar menuitem.titlebutton.button:hover,
   .titlebar menuitem.titlebutton.button:hover {
     background-color: #44494d; }
 
 button.color, headerbar button.color.titlebutton,
 .titlebar button.color.titlebutton {
   padding: 5px; }
   button.color colorswatch:first-child:last-child {
     border-radius: 0;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
     button.color colorswatch:first-child:last-child:disabled, button.color colorswatch:first-child:last-child:backdrop {
       box-shadow: none; }
 
 /*********
  * Links *
  *********/
 *:link, button:link, headerbar button.titlebutton:link,
 .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
 .titlebar button.titlebutton:visited {
   color: #98d4f3; }
   *:link:visited, button:visited, headerbar button.titlebutton:visited,
   .titlebar button.titlebutton:visited {
     color: #6bc0ed; }
     *:selected *:link:visited, *:selected button:visited {
       color: #a7d5ed; }
   *:link:hover, button:hover:link, button:hover:visited {
     color: #c6e7f8; }
     *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited {
       color: #dce8ef; }
   *:link:active, button:active:link, button:active:visited {
     color: #98d4f3; }
     *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
       color: #cbe2ee; }
   *:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link,
   headerbar.selection-mode .subtitle:backdrop:hover:link {
     color: #3DADE8; }
   *:link:selected, button:selected:link, button:selected:visited, .titlebar.selection-mode .subtitle:link,
   headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
     color: #cbe2ee; }
 
 button:link, headerbar button.titlebutton:link,
 .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
 .titlebar button.titlebutton:visited {
   text-shadow: none; }
   button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked {
     text-shadow: none; }
 
 /*****************
  * GtkSpinButton *
  *****************/
 spinbutton button, spinbutton headerbar button.titlebutton, headerbar spinbutton button.titlebutton,
 spinbutton .titlebar button.titlebutton,
 .titlebar spinbutton button.titlebutton {
   background-image: none;
   border-style: none none none solid;
   border-color: rgba(105, 109, 113, 0.3);
   color: #dadbdc;
   border-radius: 0;
   box-shadow: none; }
   spinbutton button:dir(rtl) {
     border-style: none solid none none; }
   spinbutton button:hover {
     color: #EEEFF0;
     background-color: rgba(238, 239, 240, 0.05); }
   spinbutton button:disabled {
     color: rgba(144, 147, 150, 0.3); }
   spinbutton button:active {
     box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
     background-color: rgba(0, 0, 0, 0.1); }
   spinbutton button:backdrop {
     color: #5a5e62;
     border-color: rgba(99, 104, 108, 0.3);
     background-color: transparent; }
   spinbutton button:backdrop:disabled {
     background-image: none;
     color: rgba(84, 92, 101, 0.3);
     border-style: none none none solid; }
     spinbutton button:backdrop:disabled:dir(rtl) {
       border-style: none solid none none; }
 .osd spinbutton button {
   border-color: rgba(255, 255, 255, 0);
   background-color: transparent;
   background-image: none;
   box-shadow: none;
   text-shadow: none;
   -gtk-icon-shadow: none;
   color: #EEEFF0;
   border-style: none none none solid;
   border-color: rgba(0, 0, 0, 0.4);
   border-radius: 0;
   box-shadow: none;
   -gtk-icon-shadow: 0 1px black; }
   .osd spinbutton button:dir(rtl) {
     border-style: none solid none none; }
   .osd spinbutton button:hover {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #EEEFF0;
     border-color: rgba(0, 0, 0, 0.5);
     background-color: rgba(238, 239, 240, 0.1);
     -gtk-icon-shadow: 0 1px black;
     box-shadow: none; }
   .osd spinbutton button:backdrop {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #EEEFF0;
     border-color: rgba(0, 0, 0, 0.5);
     -gtk-icon-shadow: none;
     box-shadow: none; }
   .osd spinbutton button:disabled {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #898b8d;
     border-color: rgba(0, 0, 0, 0.5);
     -gtk-icon-shadow: none;
     box-shadow: none; }
   .osd spinbutton button:last-child {
     border-radius: 0 3px 3px 0; }
   .osd spinbutton button:dir(rtl):first-child {
     border-radius: 3px 0 0 3px; }
 spinbutton.vertical button, spinbutton.vertical:dir(rtl) button {
   padding-top: 8px;
   padding-bottom: 8px; }
   spinbutton.vertical button:first-child, spinbutton.vertical:dir(rtl) button:first-child {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #363b41, #31363b); }
     spinbutton.vertical button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:active {
       color: #31363B;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
     spinbutton.vertical button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #31363b, #31363b); }
     spinbutton.vertical button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:disabled {
       color: #909396;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3a3f44);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       spinbutton.vertical button:first-child:disabled > .label, spinbutton.vertical headerbar button.titlebutton:first-child:disabled > .label,
       spinbutton.vertical .titlebar button.titlebutton:first-child:disabled > .label, spinbutton.vertical:dir(rtl) button:first-child:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:first-child:disabled > .label,
       spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:first-child:disabled > .label {
         color: inherit; }
     spinbutton.vertical button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child:backdrop {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #31363B);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   spinbutton.vertical button:last-child, spinbutton.vertical:dir(rtl) button:last-child {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #363b41, #31363b); }
     spinbutton.vertical button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:active {
       color: #31363B;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
     spinbutton.vertical button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #31363b, #31363b); }
     spinbutton.vertical button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:disabled {
       color: #909396;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3a3f44);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
       spinbutton.vertical button:last-child:disabled > .label, spinbutton.vertical headerbar button.titlebutton:last-child:disabled > .label,
       spinbutton.vertical .titlebar button.titlebutton:last-child:disabled > .label, spinbutton.vertical:dir(rtl) button:last-child:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:last-child:disabled > .label,
       spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:last-child:disabled > .label {
         color: inherit; }
     spinbutton.vertical button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child:backdrop {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #31363B);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
   spinbutton.vertical button:backdrop:disabled, spinbutton.vertical:dir(rtl) button:backdrop:disabled {
     color: #545c65;
     border-color: #63686c;
     background-image: linear-gradient(to bottom, #3a3f44);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     spinbutton.vertical button:backdrop:disabled > .label, spinbutton.vertical headerbar button.titlebutton:backdrop:disabled > .label,
     spinbutton.vertical .titlebar button.titlebutton:backdrop:disabled > .label, spinbutton.vertical:dir(rtl) button:backdrop:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:backdrop:disabled > .label,
     spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:backdrop:disabled > .label {
       color: inherit; }
 spinbutton.vertical.entry, spinbutton.vertical:dir(rtl).entry {
   border-radius: 0;
   padding-left: 3px;
   padding-right: 3px; }
 spinbutton.vertical button:first-child, spinbutton.vertical:dir(rtl) button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:hover, spinbutton.vertical button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:disabled, spinbutton.vertical button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child, spinbutton.vertical:dir(rtl) button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:backdrop {
   border-radius: 3px 3px 0 0;
   border-style: solid solid none solid; }
 spinbutton.vertical button:last-child, spinbutton.vertical:dir(rtl) button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:hover, spinbutton.vertical button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:disabled, spinbutton.vertical button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child, spinbutton.vertical:dir(rtl) button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:backdrop {
   border-radius: 0 0 3px 3px;
   border-style: none solid solid solid; }
 treeview spinbutton.entry, treeview spinbutton.entry:focus {
   padding: 1px;
   border-width: 1px 0;
   border-color: #3DADE8;
   border-radius: 0;
   box-shadow: none; }
 
 /**************
  * ComboBoxes *
  **************/
 combobox {
   -combobox-arrow-scaling: 0.5;
   -combobox-shadow-type: none;
   box-shadow: 0 1px rgba(238, 239, 240, 0.1); }
   combobox > button, headerbar combobox > button.titlebutton,
   .titlebar combobox > button.titlebutton {
     padding-top: 3px;
     padding-bottom: 4px; }
   combobox:disabled {
     color: #909396;
     text-shadow: none;
     -gtk-icon-shadow: none; }
   combobox:backdrop {
     color: #606468;
     text-shadow: none;
     -gtk-icon-shadow: none; }
   combobox:backdrop:disabled {
     color: #545c65; }
   combobox menuitem {
     text-shadow: none; }
   combobox .separator.vertical, combobox placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view combobox .vertical.separator {
     -GtkWidget-wide-separators: true; }
 
 /************
  * Toolbars *
  ************/
 .toolbar, .inline-toolbar, .search-bar, .location-bar {
   -GtkWidget-window-dragging: true;
   padding: 4px;
   background-color: #31363B; }
   .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar {
     padding: 13px;
     border: none;
     border-radius: 5px;
     background-color: rgba(35, 38, 41, 0.8); }
 
 .inline-toolbar {
   border-width: 0 1px 1px;
   padding: 3px;
   border-radius: 0  0 3px 3px; }
 
 .search-bar, .location-bar {
   border-width: 0 0 1px;
   padding: 3px; }
 
 .inline-toolbar, .search-bar, .location-bar {
   border-style: solid;
   border-color: #696D71;
   text-shadow: none;
   background-color: #31363B; }
   .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop {
     border-color: #63686c;
     background-color: #43484c;
     box-shadow: none; }
 
 /***************
  * Header bars *
  ***************/
 .titlebar,
 headerbar {
   padding: 2px 6px;
   border-width: 0px 0px 2px 0px;
   border-style: solid;
   border-color: #3DADE8;
   border-radius: 0;
   color: #EEEFF0;
   background-image: none;
   background-color: #31363B;
   box-shadow: none; }
   .titlebar:backdrop,
   headerbar:backdrop {
     border-color: transparent;
     background-color: #31363B;
     background-image: none;
     box-shadow: none;
     color: #606468; }
   .titlebar .path-bar button,
   headerbar .path-bar button {
     color: #EEEFF0; }
   .titlebar button,
   .titlebar button.titlebutton,
   headerbar button,
   headerbar button.titlebutton {
     background-color: #31363B;
     color: #EEEFF0;
     background-image: none;
     border-color: transparent;
     box-shadow: none; }
     .titlebar button.flat,
     .titlebar .titlebutton.button,
     headerbar button.flat,
     headerbar .titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .titlebar button:hover,
     headerbar button:hover {
       border-color: #3DADE8; }
     .titlebar button:active, .titlebar button:checked,
     headerbar button:active,
     headerbar button:checked {
       color: #31363B;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
       border-color: #31363B;
       box-shadow: none; }
       .titlebar button:active:hover, .titlebar button:checked:hover,
       headerbar button:active:hover,
       headerbar button:checked:hover {
         color: #31363B;
         border-color: #696D71;
         background-image: linear-gradient(to bottom, #96CDF1, #86B7D7);
         border-color: #31363B;
         box-shadow: none; }
       .titlebar button:active:backdrop, .titlebar button:checked:backdrop,
       headerbar button:active:backdrop,
       headerbar button:checked:backdrop {
         background-image: none;
         background-color: #31363B;
         border-color: #31363B; }
     .titlebar button.suggested-action,
     headerbar button.suggested-action {
       background-color: shade(#3DADE8, 1.1); }
       .titlebar button.suggested-action:hover,
       headerbar button.suggested-action:hover {
         background-color: #3DADE8; }
       .titlebar button.suggested-action:disabled,
       headerbar button.suggested-action:disabled {
         background-color: #31363B;
         color: shade(#EEEFF0, 0.5); }
         .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked,
         headerbar button.suggested-action:disabled:active,
         headerbar button.suggested-action:disabled:checked {
           background-color: #31363B;
           color: shade(#EEEFF0, 0.5); }
     .titlebar button:backdrop,
     headerbar button:backdrop {
       background-color: #31363B;
       color: #606468; }
     .titlebar button.flat:backdrop,
     .titlebar .titlebutton.button:backdrop, .titlebar button.flat:backdrop:disabled,
     .titlebar .titlebutton.button:backdrop:disabled, .titlebar button:disabled:backdrop,
     headerbar button.flat:backdrop,
     headerbar .titlebutton.button:backdrop,
     headerbar button.flat:backdrop:disabled,
     headerbar .titlebutton.button:backdrop:disabled,
     headerbar button:disabled:backdrop {
       background-image: none;
       background-color: #31363B;
       color: #606468; }
     .titlebar button.flat:disabled,
     .titlebar .titlebutton.button:disabled,
     headerbar button.flat:disabled,
     headerbar .titlebutton.button:disabled {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .titlebar button:disabled,
     headerbar button:disabled {
       background-color: #31363B;
       color: shade(#EEEFF0, 0.5); }
       .titlebar button:disabled:active, .titlebar button:disabled:checked,
       headerbar button:disabled:active,
       headerbar button:disabled:checked {
         color: #909396;
         border-color: #696D71;
         background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
         .titlebar button:disabled:active > .label, .titlebar headerbar button.titlebutton:disabled:active > .label, .titlebar button:disabled:checked > .label, .titlebar headerbar button.titlebutton:disabled:checked > .label,
         headerbar button:disabled:active > .label,
         headerbar .titlebar button.titlebutton:disabled:active > .label,
         headerbar button:disabled:checked > .label,
         headerbar .titlebar button.titlebutton:disabled:checked > .label {
           color: inherit; }
   .titlebar .title,
   headerbar .title {
     font-weight: normal;
     padding: 0px 12px; }
   .titlebar .subtitle,
   headerbar .subtitle {
     font-size: smaller;
     padding: 0 12px; }
   .titlebar .header-bar-separator, .titlebar > box > .separator.vertical,
   placessidebar.sidebar .view .titlebar > box > .vertical.separator:backdrop,
   headerbar .header-bar-separator,
   headerbar > box > .separator.vertical,
   placessidebar.sidebar .view headerbar > box > .vertical.separator:backdrop {
     -GtkWidget-wide-separators: true;
     -GtkWidget-separator-width: 1px;
     border-width: 0 1px;
     border-image: linear-gradient(to bottom, rgba(105, 109, 113, 0), #696D71 30%, #696D71 70%, rgba(105, 109, 113, 0) 100%) 0 1/0 1px stretch; }
     .titlebar .header-bar-separator:backdrop, .titlebar > box > .separator.vertical:backdrop,
     headerbar .header-bar-separator:backdrop,
     headerbar > box > .separator.vertical:backdrop {
       border-image: linear-gradient(to bottom, rgba(99, 104, 108, 0.5)) 0 1/1px 1px; }
   .titlebar.selection-mode,
   headerbar.selection-mode {
     color: #EEEFF0;
     text-shadow: none;
     border-color: #3DADE8;
     background-image: none;
     background-color: #31363B;
     box-shadow: none; }
     .titlebar.selection-mode:backdrop,
     headerbar.selection-mode:backdrop {
       background-image: none;
       background-color: #31363B;
       box-shadow: none; }
     .titlebar.selection-mode button,
     headerbar.selection-mode button {
       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
       .titlebar.selection-mode button.flat,
       .titlebar.selection-mode .titlebutton.button,
       headerbar.selection-mode button.flat,
       headerbar.selection-mode .titlebutton.button {
         border-color: rgba(255, 255, 255, 0);
         background-color: transparent;
         background-image: none;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .titlebar.selection-mode button:hover,
       headerbar.selection-mode button:hover {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
       .titlebar.selection-mode button:active, .titlebar.selection-mode button:checked,
       headerbar.selection-mode button:active,
       headerbar.selection-mode button:checked {
         color: #31363B;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
       .titlebar.selection-mode button:backdrop, .titlebar.selection-mode button.flat:backdrop,
       .titlebar.selection-mode .titlebutton.button:backdrop,
       headerbar.selection-mode button:backdrop,
       headerbar.selection-mode button.flat:backdrop,
       headerbar.selection-mode .titlebutton.button:backdrop {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3DADE8);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0);
         -gtk-icon-effect: none;
         border-color: #3DADE8; }
         .titlebar.selection-mode button:backdrop:active, .titlebar.selection-mode button:backdrop:checked, .titlebar.selection-mode button.flat:backdrop:active,
         .titlebar.selection-mode .titlebutton.button:backdrop:active, .titlebar.selection-mode button.flat:backdrop:checked,
         .titlebar.selection-mode .titlebutton.button:backdrop:checked,
         headerbar.selection-mode button:backdrop:active,
         headerbar.selection-mode button:backdrop:checked,
         headerbar.selection-mode button.flat:backdrop:active,
         headerbar.selection-mode .titlebutton.button:backdrop:active,
         headerbar.selection-mode button.flat:backdrop:checked,
         headerbar.selection-mode .titlebutton.button:backdrop:checked {
           color: #606468;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #1a97d8);
           box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0);
           border-color: #3DADE8; }
         .titlebar.selection-mode button:backdrop:disabled, .titlebar.selection-mode button.flat:backdrop:disabled,
         .titlebar.selection-mode .titlebutton.button:backdrop:disabled,
         headerbar.selection-mode button:backdrop:disabled,
         headerbar.selection-mode button.flat:backdrop:disabled,
         headerbar.selection-mode .titlebutton.button:backdrop:disabled {
           color: #78b7d8;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #3999cb);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0);
           border-color: #3DADE8; }
           .titlebar.selection-mode button:backdrop:disabled > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled > .label, .titlebar.selection-mode button.flat:backdrop:disabled > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled > .label,
           .titlebar.selection-mode .titlebutton.button:backdrop:disabled > .label,
           headerbar.selection-mode button:backdrop:disabled > .label,
           headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled > .label,
           headerbar.selection-mode button.flat:backdrop:disabled > .label,
           headerbar.selection-mode .titlebutton.button:backdrop:disabled > .label,
           headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled > .label {
             color: inherit; }
         .titlebar.selection-mode button:backdrop:disabled:active, .titlebar.selection-mode button:backdrop:disabled:checked, .titlebar.selection-mode button.flat:backdrop:disabled:active,
         .titlebar.selection-mode .titlebutton.button:backdrop:disabled:active, .titlebar.selection-mode button.flat:backdrop:disabled:checked,
         .titlebar.selection-mode .titlebutton.button:backdrop:disabled:checked,
         headerbar.selection-mode button:backdrop:disabled:active,
         headerbar.selection-mode button:backdrop:disabled:checked,
         headerbar.selection-mode button.flat:backdrop:disabled:active,
         headerbar.selection-mode .titlebutton.button:backdrop:disabled:active,
         headerbar.selection-mode button.flat:backdrop:disabled:checked,
         headerbar.selection-mode .titlebutton.button:backdrop:disabled:checked {
           color: #73aecd;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #318bba);
           border-color: #3DADE8; }
           .titlebar.selection-mode button:backdrop:disabled:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled:active > .label, .titlebar.selection-mode button:backdrop:disabled:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled:checked > .label, .titlebar.selection-mode button.flat:backdrop:disabled:active > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled:active > .label,
           .titlebar.selection-mode .titlebutton.button:backdrop:disabled:active > .label, .titlebar.selection-mode button.flat:backdrop:disabled:checked > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled:checked > .label,
           .titlebar.selection-mode .titlebutton.button:backdrop:disabled:checked > .label,
           headerbar.selection-mode button:backdrop:disabled:active > .label,
           headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled:active > .label,
           headerbar.selection-mode button:backdrop:disabled:checked > .label,
           headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled:checked > .label,
           headerbar.selection-mode button.flat:backdrop:disabled:active > .label,
           headerbar.selection-mode .titlebutton.button:backdrop:disabled:active > .label,
           headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled:active > .label,
           headerbar.selection-mode button.flat:backdrop:disabled:checked > .label,
           headerbar.selection-mode .titlebutton.button:backdrop:disabled:checked > .label,
           headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled:checked > .label {
             color: inherit; }
       .titlebar.selection-mode button.flat:backdrop,
       .titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode button.flat:disabled,
       .titlebar.selection-mode .titlebutton.button:disabled, .titlebar.selection-mode button.flat:disabled:backdrop,
       .titlebar.selection-mode .titlebutton.button:disabled:backdrop,
       headerbar.selection-mode button.flat:backdrop,
       headerbar.selection-mode .titlebutton.button:backdrop,
       headerbar.selection-mode button.flat:disabled,
       headerbar.selection-mode .titlebutton.button:disabled,
       headerbar.selection-mode button.flat:disabled:backdrop,
       headerbar.selection-mode .titlebutton.button:disabled:backdrop {
         border-color: rgba(255, 255, 255, 0);
         background-color: transparent;
         background-image: none;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .titlebar.selection-mode button:disabled,
       headerbar.selection-mode button:disabled {
         color: #909396;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3999cb);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
         .titlebar.selection-mode button:disabled > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled > .label,
         headerbar.selection-mode button:disabled > .label,
         headerbar.selection-mode .titlebar button.titlebutton:disabled > .label {
           color: inherit; }
         .titlebar.selection-mode button:disabled:active, .titlebar.selection-mode button:disabled:checked,
         headerbar.selection-mode button:disabled:active,
         headerbar.selection-mode button:disabled:checked {
           color: #a2c7da;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #328ebf, #318bba); }
           .titlebar.selection-mode button:disabled:active > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled:active > .label, .titlebar.selection-mode button:disabled:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled:checked > .label,
           headerbar.selection-mode button:disabled:active > .label,
           headerbar.selection-mode .titlebar button.titlebutton:disabled:active > .label,
           headerbar.selection-mode button:disabled:checked > .label,
           headerbar.selection-mode .titlebar button.titlebutton:disabled:checked > .label {
             color: inherit; }
       .titlebar.selection-mode button.suggested-action,
       headerbar.selection-mode button.suggested-action {
         box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
         color: #EEEFF0;
         border-color: #696D71;
         background-image: linear-gradient(to bottom, #363b41, #31363b);
         border-color: #3DADE8; }
         .titlebar.selection-mode button.suggested-action:hover,
         headerbar.selection-mode button.suggested-action:hover {
           color: #EEEFF0;
           border-color: #3DADE8;
           background-image: linear-gradient(to bottom, #31363b, #31363b);
           border-color: #3DADE8; }
         .titlebar.selection-mode button.suggested-action:active,
         headerbar.selection-mode button.suggested-action:active {
           color: #31363B;
           border-color: #696D71;
           background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
           border-color: #3DADE8; }
         .titlebar.selection-mode button.suggested-action:disabled,
         headerbar.selection-mode button.suggested-action:disabled {
           color: #909396;
           border-color: #696D71;
           background-image: linear-gradient(to bottom, #3a3f44);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1);
           border-color: #3DADE8; }
           .titlebar.selection-mode button.suggested-action:disabled > .label, .titlebar.selection-mode headerbar .suggested-action.button.titlebutton:disabled > .label,
           headerbar.selection-mode button.suggested-action:disabled > .label,
           headerbar.selection-mode .titlebar .suggested-action.button.titlebutton:disabled > .label {
             color: inherit; }
         .titlebar.selection-mode button.suggested-action:backdrop,
         headerbar.selection-mode button.suggested-action:backdrop {
           color: #EEEFF0;
           border-color: #696D71;
           background-image: linear-gradient(to bottom, #31363B);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0);
           border-color: #3DADE8; }
         .titlebar.selection-mode button.suggested-action:backdrop:disabled,
         headerbar.selection-mode button.suggested-action:backdrop:disabled {
           color: #545c65;
           border-color: #63686c;
           background-image: linear-gradient(to bottom, #3a3f44);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0);
           border-color: #3DADE8; }
           .titlebar.selection-mode button.suggested-action:backdrop:disabled > .label, .titlebar.selection-mode headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
           headerbar.selection-mode button.suggested-action:backdrop:disabled > .label,
           headerbar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label {
             color: inherit; }
     .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop,
     headerbar.selection-mode .selection-menu,
     headerbar.selection-mode .selection-menu:backdrop {
       border-color: rgba(61, 173, 232, 0);
       background-image: linear-gradient(to bottom, rgba(61, 173, 232, 0));
       box-shadow: none;
       padding-left: 10px;
       padding-right: 10px; }
       .titlebar.selection-mode .selection-menu arrow, .titlebar.selection-mode .selection-menu:backdrop arrow,
       headerbar.selection-mode .selection-menu arrow,
       headerbar.selection-mode .selection-menu:backdrop arrow {
         -arrow-arrow-scaling: 1; }
       .titlebar.selection-mode .selection-menu .arrow,
       headerbar.selection-mode .selection-menu .arrow {
         -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
         color: rgba(238, 239, 240, 0.5);
         -gtk-icon-shadow: none; }
   .tiled .titlebar, .maximized .titlebar, .tiled
   headerbar, .maximized
   headerbar {
     border-radius: 0; }
   .titlebar.default-decoration,
   headerbar.default-decoration {
     padding: 4px; }
     .titlebar.default-decoration button,
     headerbar.default-decoration button {
       padding: 5px; }
 
 /************
  * Pathbars *
  ************/
 .path-bar button, .path-bar headerbar button.titlebutton, headerbar .path-bar button.titlebutton,
 .path-bar .titlebar button.titlebutton,
 .titlebar .path-bar button.titlebutton {
   padding: 5px 6px 6px;
   border-color: rgba(255, 255, 255, 0);
   background-color: transparent;
   background-image: none;
   box-shadow: none;
   text-shadow: none;
   -gtk-icon-shadow: none;
   color: #EEEFF0; }
   .path-bar button:hover {
     border-color: #3DADE8; }
   .path-bar button:active, .path-bar button:checked {
     background-color: #696D71; }
   .path-bar button:first-child {
     padding-left: 8px; }
   .path-bar button:last-child {
     padding-right: 8px; }
   .path-bar button:only-child {
     padding-left: 12px;
     padding-right: 12px; }
   .path-bar button .label:last-child {
     padding-left: 2px; }
   .path-bar button .label:first-child {
     padding-right: 2px; }
   .path-bar button .label:only-child {
     padding-right: 0;
     padding-left: 0; }
   .path-bar button image, .path-bar headerbar button.titlebutton image, headerbar .path-bar button.titlebutton image,
   .path-bar .titlebar button.titlebutton image,
   .titlebar .path-bar button.titlebutton image {
     padding-top: 1px; }
 
 /**************
  * Tree Views *
  **************/
 treeview.view {
   -GtkTreeView-grid-line-width: 1;
   -GtkTreeView-grid-line-pattern: '';
   -GtkTreeView-tree-line-width: 1;
   -GtkTreeView-tree-line-pattern: '';
   -GtkTreeView-expander-size: 16;
   border-left-color: #898b8d;
   border-top-color: #31363B; }
   treeview.view:selected {
     border-radius: 0; }
   treeview.view:selected, treeview.view:backdrop:selected {
     border-left-color: #96ceec;
     border-top-color: rgba(238, 239, 240, 0.1); }
   treeview.view:disabled {
     color: #909396; }
     treeview.view:disabled:selected {
       color: #84c7eb; }
       treeview.view:disabled:selected:backdrop {
         color: #72c1ea; }
     treeview.view:disabled:backdrop {
       color: #545c65; }
   treeview.view.separator:backdrop {
     color: rgba(0, 0, 0, 0.1); }
   treeview.view:backdrop {
     border-left-color: #494d52;
     border-top: #31363B; }
   treeview.view.dnd {
     border-style: solid none;
     border-width: 1px;
     border-color: #96ceec; }
   treeview.view.expander {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
     color: #b1b3b4; }
     treeview.view.expander:dir(rtl) {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
     treeview.view.expander:hover {
       color: #EEEFF0; }
     treeview.view.expander:selected {
       color: #b9dbee; }
       treeview.view.expander:selected:hover {
         color: #EEEFF0; }
       treeview.view.expander:selected:backdrop {
         color: #b9dbee; }
     treeview.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
     treeview.view.expander:backdrop {
       color: #4e5256; }
   treeview.view.progressbar {
     border: 1px solid #3DADE8;
     border-radius: 4px;
     background-image: linear-gradient(to bottom, #3DADE8, #1a97d8);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); }
     treeview.view.progressbar:selected {
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
       background-image: linear-gradient(to bottom, #232629, #0c0d0d); }
       treeview.view.progressbar:selected:backdrop {
         border-color: #25292c;
         background-color: #25292c; }
     treeview.view.progressbar:backdrop {
       border-color: #25292c;
       background-image: none;
       box-shadow: none; }
   treeview.view.trough {
     background-color: rgba(238, 239, 240, 0.1);
     border-radius: 4px; }
     treeview.view.trough:selected {
       background-color: #1a97d8; }
 
 column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
 column-header .titlebar button.titlebutton,
 .titlebar column-header button.titlebutton {
   color: #898b8d;
   background-color: #232629;
   font-weight: bold;
   text-shadow: none;
   box-shadow: none; }
   column-header button:hover, column-header headerbar button.titlebutton:hover, headerbar column-header button.titlebutton:hover,
   column-header .titlebar button.titlebutton:hover,
   .titlebar column-header button.titlebutton:hover {
     color: #bcbdbf;
     box-shadow: none;
     transition: none; }
   column-header button:active, column-header headerbar button.titlebutton:active, headerbar column-header button.titlebutton:active,
   column-header .titlebar button.titlebutton:active,
   .titlebar column-header button.titlebutton:active {
     color: #EEEFF0;
     transition: none; }
 column-header:last-child button, column-header:last-child headerbar button.titlebutton, headerbar column-header:last-child button.titlebutton,
 column-header:last-child .titlebar button.titlebutton,
 .titlebar column-header:last-child button.titlebutton, column-header:last-child button:backdrop, column-header:last-child.button, headerbar column-header.button.titlebutton:last-child,
 .titlebar column-header.button.titlebutton:last-child, column-header:last-child.button:backdrop {
   border-right-style: none; }
 
 column-header.button.dnd, column-header button.dnd, column-header headerbar .dnd.button.titlebutton, headerbar column-header .dnd.button.titlebutton,
 column-header .titlebar .dnd.button.titlebutton,
 .titlebar column-header .dnd.button.titlebutton, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover, headerbar column-header.dnd.button.titlebutton,
 .titlebar column-header.dnd.button.titlebutton {
   transition: none;
   color: #3DADE8;
   box-shadow: inset 1px 1px 0 1px #3DADE8, inset -1px 0 0 1px #3DADE8, inset 1px 1px #232629, inset -1px 0 #232629; }
 
 column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
 column-header .titlebar button.titlebutton,
 .titlebar column-header button.titlebutton, column-header button:hover, column-header button:active {
   padding: 3px 6px;
   border-style: none solid solid none;
   border-radius: 0;
   background-image: none;
   border-color: #31363B;
   text-shadow: none; }
   column-header button:disabled, column-header headerbar button.titlebutton:disabled, headerbar column-header button.titlebutton:disabled,
   column-header .titlebar button.titlebutton:disabled,
   .titlebar column-header button.titlebutton:disabled {
     border-color: #31363B;
     background-image: none; }
   column-header button:backdrop, column-header headerbar button.titlebutton:backdrop, headerbar column-header button.titlebutton:backdrop,
   column-header .titlebar button.titlebutton:backdrop,
   .titlebar column-header button.titlebutton:backdrop {
     border-color: #31363B;
     border-style: none solid solid none;
     color: #494d52;
     background-image: none;
     background-color: #25292c; }
     column-header button:backdrop:disabled {
       border-color: #31363B;
       background-image: none; }
 
 /*********
  * Menus *
  *********/
 menubar {
   -GtkWidget-window-dragging: true;
   padding: 2px;
   box-shadow: none; }
   menubar:backdrop {
     background-color: #31363B; }
   menubar > menuitem {
     padding: 4px 8px; }
     menubar > menuitem:hover {
       background-color: #3DADE8;
       color: #EEEFF0; }
     menubar > menuitem:disabled {
       color: #909396;
       box-shadow: none; }
 
 menu {
   padding: 0px;
   background-color: #31363B;
   border: 1px solid #696D71;
   border-radius: 3px; }
   .csd menu {
     border: 1px solid #696D71; }
   menu menuitem {
     text-shadow: none;
     padding: 6px 6px; }
     menu menuitem:hover {
       color: #EEEFF0;
       background-color: #3DADE8;
       background-clip: padding-box;
       border-style: solid;
       border-width: 0px 1px 0px 1px;
       border-color: #6bc0ed; }
       menu menuitem:hover:first-child {
         border-radius: 3px 3px 0px 0px;
         border-width: 1px 1px 0px 1px; }
       menu menuitem:hover:last-child {
         border-radius: 0px 0px 3px 3px;
         border-width: 0px 1px 1px 1px; }
     menu menuitem:disabled, menu menuitem *:disabled {
       color: #909396; }
       menu menuitem:disabled:backdrop, menu menuitem *:disabled:backdrop {
         color: #545c65; }
     menu menuitem:backdrop, menu menuitem:backdrop:hover {
       color: #EEEFF0;
       background-color: #31363B; }
     menu menuitem.arrow {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
     menu menuitem.arrow:dir(rtl) {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
   menu.button, headerbar menu.button.titlebutton,
   .titlebar menu.button.titlebutton {
     border-style: none;
     border-radius: 0; }
     menu.button.top {
       border-bottom: 1px solid #373a3d; }
     menu.button.bottom {
       border-top: 1px solid #373a3d; }
     menu.button:hover {
       background-color: #373a3d; }
     menu.button:disabled {
       color: transparent;
       background-color: transparent;
       border-color: transparent; }
 
 menuitem .accelerator {
   color: alpha(currentColor,0.55); }
 
 /***************
  * Popovers   *
  ***************/
 popover {
   padding: 2px;
   border: 1px solid #696D71;
   border-radius: 2px;
   background-color: #31363B;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
   popover:backdrop {
     box-shadow: none; }
   popover > list,
   popover > .view,
   popover > .toolbar,
   popover > .inline-toolbar,
   popover > .search-bar,
   popover > .location-bar, popover.osd > .toolbar, popover.osd > .inline-toolbar, popover.osd > .search-bar, popover.osd > .location-bar {
     border-style: none;
     background-color: transparent; }
   popover button.flat, popover headerbar .titlebutton.button, headerbar popover .titlebutton.button,
   popover .titlebar .titlebutton.button,
   .titlebar popover .titlebutton.button {
     color: #EEEFF0; }
   popover button.flat:hover, popover headerbar .titlebutton.button:hover, headerbar popover .titlebutton.button:hover,
   popover .titlebar .titlebutton.button:hover,
   .titlebar popover .titlebutton.button:hover {
     background-color: rgba(61, 173, 232, 0.2);
     color: #EEEFF0;
     text-shadow: none;
     transition: none; }
 
 entry.cursor-handle,
 .cursor-handle {
   background-color: transparent;
   background-image: none;
   box-shadow: none;
   border-style: none; }
   entry.cursor-handle.top,
   .cursor-handle.top {
     -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
   entry.cursor-handle.bottom,
   .cursor-handle.bottom {
     -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
 
 /*****************
  * Notebooks and *
  * Tabs          *
  *****************/
 notebook {
   background-color: #31363B;
   -GtkNotebook-initial-gap: 0;
   -GtkNotebook-arrow-spacing: 5;
   -GtkNotebook-tab-curvature: 0;
   -GtkNotebook-tab-overlap: 0;
   -GtkNotebook-has-tab-gap: false;
   -GtkWidget-focus-padding: 0;
   -GtkWidget-focus-line-width: 0;
   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   notebook.frame {
     border: 1px solid #696D71; }
     notebook.frame.top {
       border-top-width: 0; }
     notebook.frame.bottom {
       border-bottom-width: 0; }
     notebook.frame.right {
       border-right-width: 0; }
     notebook.frame.left {
       border-left-width: 0; }
   notebook.header {
     background-color: #31363B;
     padding-top: 4px; }
     notebook.header.frame {
       border-style: solid;
       border-color: #696D71; }
       notebook.header.frame.top {
         border-width: 0px; }
       notebook.header.frame.bottom {
         border-width: 0px; }
       notebook.header.frame.right {
         border-width: 0px; }
       notebook.header.frame.left {
         border-width: 0px; }
       notebook.header.frame:backdrop {
         border-color: #696D71; }
     notebook.header.top {
       box-shadow: inset 0 -1px #696D71; }
     notebook.header.bottom {
       box-shadow: inset 0 1px #696D71; }
     notebook.header.right {
       box-shadow: inset 1px 0 #696D71; }
     notebook.header.left {
       box-shadow: inset -1px 0 #696D71; }
   notebook tab {
     border-width: 1px;
     border-style: solid;
     border-color: rgba(105, 109, 113, 0.2);
     background-color: rgba(105, 109, 113, 0.2);
     outline-offset: 0;
     /* works for testnotebookdnd, but there's a superfluous border
        in gedit or web, commented out for now, needs gtk fixes
     &.reorderable-page {
       &.top {
         padding-top: ($vt_vpadding - 1px);
         border-top-width: 1px;
         border-left-width: 1px;
         border-right-width: 1px;
       }
       &.bottom {
         padding-bottom: ($vt_vpadding - 1px);
         border-bottom-width: 1px;
         border-left-width: 1px;
         border-right-width: 1px;
       }
       &.left {
         padding-left: ($ht_hpadding - 1px);
         border-left-width: 1px;
         border-top-width: 1px;
         border-bottom-width: 1px;
       }
       &.right {
         padding-right: ($ht_hpadding - 1px);
         border-right-width: 1px;
         border-top-width: 1px;
         border-bottom-width: 1px;
       }
     }
     */ }
     notebook tab.top, notebook tab.bottom {
       padding: 6px 8px; }
     notebook tab.left, notebook tab.right {
       padding: 6px 8px; }
     notebook tab.reorderable-page {
       background-color: #31363B; }
       notebook tab.reorderable-page.top, notebook tab.reorderable-page.bottom {
         padding-left: 12px;
         padding-right: 6px;
         padding-bottom: 8px; }
     notebook tab.top {
       border-radius: 3px 3px 0px 0px; }
       notebook tab.top:active, notebook tab.top.active-page, notebook tab.top:backdrop:active {
         border-color: #696D71;
         border-bottom-color: #31363B;
         background-color: #31363B; }
         notebook tab.top:active:hover, notebook tab.top:active.prelight-page, notebook tab.top.active-page:hover, notebook tab.top.active-page.prelight-page, notebook tab.top:backdrop:active:hover, notebook tab.top:backdrop:active.prelight-page {
           border-color: #696D71;
           border-bottom-color: #31363B; }
     notebook tab.bottom {
       border-radius: 0px 0px 3px 3px; }
       notebook tab.bottom:active, notebook tab.bottom.active-page, notebook tab.bottom:backdrop:active {
         border-color: #696D71;
         border-top-color: #31363B;
         background-color: #31363B; }
         notebook tab.bottom:active:hover, notebook tab.bottom:active.prelight-page, notebook tab.bottom.active-page:hover, notebook tab.bottom.active-page.prelight-page, notebook tab.bottom:backdrop:active:hover, notebook tab.bottom:backdrop:active.prelight-page {
           border-color: #696D71;
           border-top-color: #31363B; }
     notebook tab.left {
       border-radius: 3px 0px 0px 3px; }
       notebook tab.left:active, notebook tab.left.active-page, notebook tab.left:backdrop:active {
         border-color: #696D71;
         border-right-color: #31363B;
         background-color: #31363B; }
         notebook tab.left:active:hover, notebook tab.left:active.prelight-page, notebook tab.left.active-page:hover, notebook tab.left.active-page.prelight-page, notebook tab.left:backdrop:active:hover, notebook tab.left:backdrop:active.prelight-page {
           border-color: #696D71;
           border-right-color: #31363B; }
     notebook tab.right {
       border-radius: 0px 3px 3px 0px; }
       notebook tab.right:active, notebook tab.right.active-page, notebook tab.right:backdrop:active {
         border-color: #696D71;
         border-left-color: #31363B;
         background-color: #31363B; }
         notebook tab.right:active:hover, notebook tab.right:active.prelight-page, notebook tab.right.active-page:hover, notebook tab.right.active-page.prelight-page, notebook tab.right:backdrop:active:hover, notebook tab.right:backdrop:active.prelight-page {
           border-color: #696D71;
           border-left-color: #31363B; }
     notebook tab:hover, notebook tab.prelight-page {
       background-color: rgba(61, 173, 232, 0.2);
       border-color: rgba(61, 173, 232, 0.2); }
     notebook tab.reorderable-page.top {
       border-width: 3px;
       border-style: solid;
       border-color: #31363B;
       background-color: #31363B;
       border-right-width: 1px;
       border-right-color: #696D71;
       box-shadow: inset -3px 0px 0px 0px #31363B; }
       notebook tab.reorderable-page.top:hover, notebook tab.reorderable-page.top.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset -3px 0px 0px 0px #31363B; }
       notebook tab.reorderable-page.top:active, notebook tab.reorderable-page.top.active-page {
         box-shadow: inset 0px -3px 0px 0px #3DADE8, inset -3px 0px 0px 0px #31363B; }
         notebook tab.reorderable-page.top:active:hover, notebook tab.reorderable-page.top.active-page:hover {
           background-color: #31363B;
           border-color: #31363B;
           border-right-color: #696D71; }
         notebook tab.reorderable-page.top:active:backdrop, notebook tab.reorderable-page.top.active-page:backdrop {
           background-color: #31363B;
           border-color: #31363B;
           border-right-color: #696D71; }
       notebook tab.reorderable-page.top:backdrop {
         background-color: #31363B;
         border-color: #31363B;
         border-right-color: #696D71; }
     notebook tab.reorderable-page.bottom {
       border-width: 3px;
       border-style: solid;
       border-color: #31363B;
       background-color: #31363B;
       border-right-width: 1px;
       border-right-color: #696D71;
       box-shadow: inset -3px 0px 0px 0px #31363B; }
       notebook tab.reorderable-page.bottom:hover, notebook tab.reorderable-page.bottom.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset -3px 0px 0px 0px #31363B; }
       notebook tab.reorderable-page.bottom:active, notebook tab.reorderable-page.bottom.active-page {
         box-shadow: inset 0px -3px 0px 0px #3DADE8, inset -3px 0px 0px 0px #31363B; }
         notebook tab.reorderable-page.bottom:active:hover, notebook tab.reorderable-page.bottom.active-page:hover {
           background-color: #31363B;
           border-color: #31363B;
           border-right-color: #696D71; }
         notebook tab.reorderable-page.bottom:active:backdrop, notebook tab.reorderable-page.bottom.active-page:backdrop {
           background-color: #31363B;
           border-color: #31363B;
           border-right-color: #696D71; }
       notebook tab.reorderable-page.bottom:backdrop {
         background-color: #31363B;
         border-color: #31363B;
         border-right-color: #696D71; }
     notebook tab.reorderable-page.left {
       border-width: 3px;
       border-style: solid;
       border-color: #31363B;
       background-color: #31363B;
       border-bottom-width: 1px;
       border-bottom-color: #696D71;
       box-shadow: inset 0px -3px 0px 0px #31363B; }
       notebook tab.reorderable-page.left:hover, notebook tab.reorderable-page.left.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset 0px -3px 0px 0px #31363B; }
       notebook tab.reorderable-page.left:active, notebook tab.reorderable-page.left.active-page {
         box-shadow: inset 0px -3px 0px 0px #3DADE8, inset 0px -3px 0px 0px #31363B; }
         notebook tab.reorderable-page.left:active:hover, notebook tab.reorderable-page.left.active-page:hover {
           background-color: #31363B;
           border-color: #31363B;
           border-bottom-color: #696D71; }
         notebook tab.reorderable-page.left:active:backdrop, notebook tab.reorderable-page.left.active-page:backdrop {
           background-color: #31363B;
           border-color: #31363B;
           border-bottom-color: #696D71; }
       notebook tab.reorderable-page.left:backdrop {
         background-color: #31363B;
         border-color: #31363B;
         border-bottom-color: #696D71; }
     notebook tab.reorderable-page.right {
       border-width: 3px;
       border-style: solid;
       border-color: #31363B;
       background-color: #31363B;
       border-bottom-width: 1px;
       border-bottom-color: #696D71;
       box-shadow: inset 0px -3px 0px 0px #31363B; }
       notebook tab.reorderable-page.right:hover, notebook tab.reorderable-page.right.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset 0px -3px 0px 0px #31363B; }
       notebook tab.reorderable-page.right:active, notebook tab.reorderable-page.right.active-page {
         box-shadow: inset 0px -3px 0px 0px #3DADE8, inset 0px -3px 0px 0px #31363B; }
         notebook tab.reorderable-page.right:active:hover, notebook tab.reorderable-page.right.active-page:hover {
           background-color: #31363B;
           border-color: #31363B;
           border-bottom-color: #696D71; }
         notebook tab.reorderable-page.right:active:backdrop, notebook tab.reorderable-page.right.active-page:backdrop {
           background-color: #31363B;
           border-color: #31363B;
           border-bottom-color: #696D71; }
       notebook tab.reorderable-page.right:backdrop {
         background-color: #31363B;
         border-color: #31363B;
         border-bottom-color: #696D71; }
     notebook tab .label {
       padding: 0 2px;
       color: #EEEFF0; }
     notebook tab .prelight-page .label, notebook tab .label.prelight-page {
       color: #EEEFF0; }
     notebook tab .active-page .label, notebook tab .label.active-page {
       color: #EEEFF0; }
     notebook tab button, notebook tab headerbar button.titlebutton, headerbar notebook tab button.titlebutton,
     notebook tab .titlebar button.titlebutton,
     .titlebar notebook tab button.titlebutton {
       padding: 0px;
       border: 1px solid transparent;
       border-radius: 50%;
       background-image: none;
       background-color: #696D71;
       box-shadow: none;
       -gtk-icon-shadow: none;
       transition: none;
       color: #31363B; }
       notebook tab button:hover {
         background-color: #da4453;
         border-color: transparent;
         background-image: none;
         box-shadow: none; }
       notebook tab button:active {
         color: #31363B;
         border-color: transparent;
         background-image: none;
         box-shadow: none; }
       notebook tab button:backdrop {
         color: #31363B;
         border-color: transparent; }
       notebook tab button > image, notebook tab headerbar button.titlebutton > image, headerbar notebook tab button.titlebutton > image,
       notebook tab .titlebar button.titlebutton > image,
       .titlebar notebook tab button.titlebutton > image {
         padding: 0px; }
     notebook tab button .active-page, notebook tab button.active-page {
       background-color: #da4453; }
   notebook.arrow {
     color: #909396; }
     notebook.arrow:hover {
       color: #3DADE8; }
     notebook.arrow:active {
       color: #3DADE8; }
     notebook.arrow:disabled {
       color: rgba(144, 147, 150, 0.3); }
     notebook.arrow:backdrop {
       color: #909396; }
       notebook.arrow:backdrop:disabled {
         color: rgba(144, 147, 150, 0.3); }
 
 /**************
  * Scrollbars *
  **************/
 scrollbar {
   -GtkRange-trough-border: 0;
   -GtkScrollbar-has-backward-stepper: true;
   -GtkScrollbar-has-forward-stepper: true;
   -GtkRange-slider-width: 16;
   -GtkScrollbar-min-slider-length: 64;
   -GtkRange-stepper-spacing: 1;
   -GtkRange-trough-under-steppers: 0; }
   scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton,
   scrollbar .titlebar button.titlebutton,
   .titlebar scrollbar button.titlebutton {
     border: none;
     background-image: none;
     background-color: transparent;
     box-shadow: none; }
     scrollbar button:hover {
       color: #3DADE8;
       background-image: none;
       background-color: transparent; }
     scrollbar button:disabled {
       color: #909396; }
   scrollbar.dragging, scrollbar.hovering {
     opacity: 0.998; }
   scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
     opacity: 0.999; }
   scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
     -GtkRange-slider-width: 8px;
     -GtkScrollbar-has-backward-stepper: false;
     -GtkScrollbar-has-forward-stepper: false; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-overlay-dark.png"), url("assets/scrollbar-slider-overlay-dark@2.png")) 6 4 6 4/6px 4px 6px 4px stretch;
       border-radius: 0;
       border-width: 5px 4px 5px 4px;
       border-style: solid;
       border-color: transparent; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-overlay-horizontal-dark.png"), url("assets/scrollbar-slider-overlay-horizontal-dark@2.png")) 4 6 4 6/4px 6px 4px 6px stretch;
       border-radius: 0;
       border-width: 4px 6px 4px 6px;
       border-style: solid;
       border-color: transparent; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
       border: none;
       background: none; }
-  scrollbar.trough {
+  scrollbar.vertical trough {
     border-image: -gtk-scaled(url("assets/scrollbar-trough-dark.png"), url("assets/scrollbar-trough-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
     border-radius: 0;
     border-width: 8px 8px 8px 8px;
     border-style: solid;
     border-color: transparent; }
     scrollbar.trough:dir(rtl) {
       border-image: -gtk-scaled(url("assets/scrollbar-trough-rtl-dark.png"), url("assets/scrollbar-trough-rtl-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-    scrollbar.trough.horizontal {
+    scrollbar.horizontal trough {
       border-image: -gtk-scaled(url("assets/scrollbar-trough-horizontal-dark.png"), url("assets/scrollbar-trough-horizontal-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-  scrollbar slider {
+  scrollbar.vertical slider {
     border-image: -gtk-scaled(url("assets/scrollbar-slider-dark.png"), url("assets/scrollbar-slider-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
     border-radius: 0;
     border-width: 8px 8px 8px 8px;
     border-style: solid;
     border-color: transparent; }
-    scrollbar slider:dir(rtl) {
+    scrollbar.vertical slider:dir(rtl) {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-dark.png"), url("assets/scrollbar-slider-rtl-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-    scrollbar slider:hover, scrollbar slider:disabled {
+    scrollbar.vertical slider:hover, scrollbar.vertical slider:disabled {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-hover-dark.png"), url("assets/scrollbar-slider-hover-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-      scrollbar slider:hover:dir(rtl), scrollbar slider:disabled:dir(rtl) {
+      scrollbar.vertical slider:hover:dir(rtl), scrollbar.vertical slider:disabled:dir(rtl) {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-hover-dark.png"), url("assets/scrollbar-slider-rtl-hover-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
-    scrollbar slider:active {
+    scrollbar.vertical slider:active {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-active-dark.png"), url("assets/scrollbar-slider-active-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-      scrollbar slider:active:dir(rtl) {
+      scrollbar.vertical slider:active:dir(rtl) {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-active-dark.png"), url("assets/scrollbar-slider-rtl-active-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
-    scrollbar slider.horizontal {
+    scrollbar.horizontal slider {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-dark.png"), url("assets/scrollbar-slider-horizontal-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-      scrollbar slider.horizontal:hover, scrollbar slider.horizontal:disabled {
+      scrollbar.horizontal slider:hover, scrollbar.horizontal slider:disabled {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-hover-dark.png"), url("assets/scrollbar-slider-horizontal-hover-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
-      scrollbar slider.horizontal:active {
+      scrollbar.horizontal slider:active {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-active-dark.png"), url("assets/scrollbar-slider-horizontal-active-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
 
 scrollbars-junction,
 scrollbars-junction.frame {
   border-color: transparent;
   border-image: linear-gradient(to bottom, #696D71 1px, transparent 1px) 0 0 0 1/0 1px stretch;
   background-color: #212427; }
   scrollbars-junction:dir(rtl),
   scrollbars-junction.frame:dir(rtl) {
     border-image-slice: 0 1 0 0; }
   scrollbars-junction:backdrop,
   scrollbars-junction.frame:backdrop {
     border-image-source: linear-gradient(to bottom, #63686c 1px, transparent 1px);
     background-color: #2a2e33; }
 
 /**********
  * Switch *
  **********/
 switch {
   -switch-slider-width: 30px;
   font-weight: bold;
   font-size: smaller;
   outline-offset: 0px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   switch.trough {
     border: 1px solid #696D71;
     border-radius: 3px;
     color: #EEEFF0;
     background-image: none;
     background-color: #31363B;
     text-shadow: none; }
     switch.trough:active {
       color: #3DADE8;
       border-color: #3DADE8;
       box-shadow: none;
       text-shadow: none; }
       switch.trough:active:hover {
         border-color: #3DADE8; }
     switch.trough:hover {
       border-color: #3DADE8; }
     switch.trough:disabled {
       color: #909396;
       border-color: #696D71;
       background-image: none;
       background-color: #3a3f44;
       box-shadow: none;
       text-shadow: none; }
   switch.slider {
     padding: 3px;
     border: 3px solid;
     border-radius: 3px;
     border-color: rgba(255, 255, 255, 0);
     box-shadow: none;
     background-color: #696D71; }
     switch.slider:hover {
       box-shadow: none; }
     switch.slider:active {
       background-color: #3DADE8; }
       switch.slider:active:hover {
         background-color: #3DADE8; }
     switch.slider:disabled {
       background-color: #3a3f44; }
 
 /*************************
  * Check and Radio items *
  *************************/
 check {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check.button.flat, headerbar check.titlebutton.button,
   .titlebar check.titlebutton.button {
     -gtk-icon-shadow: none; }
 
 check:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:hover.button.flat, headerbar check.titlebutton.button:hover,
   .titlebar check.titlebutton.button:hover {
     -gtk-icon-shadow: none; }
 
 check:active {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:active.button.flat, headerbar check.titlebutton.button:active,
   .titlebar check.titlebutton.button:active {
     -gtk-icon-shadow: none; }
 
 check:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:disabled.button.flat, headerbar check.titlebutton.button:disabled,
   .titlebar check.titlebutton.button:disabled {
     -gtk-icon-shadow: none; }
 
 check:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop.button.flat, headerbar check.titlebutton.button:backdrop,
   .titlebar check.titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
 
 check:backdrop:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop:disabled.button.flat, headerbar check.titlebutton.button:backdrop:disabled,
   .titlebar check.titlebutton.button:backdrop:disabled {
     -gtk-icon-shadow: none; }
 
 check:indeterminate {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:indeterminate.button.flat, headerbar check.titlebutton.button:indeterminate,
   .titlebar check.titlebutton.button:indeterminate {
     -gtk-icon-shadow: none; }
 
 check:indeterminate:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:indeterminate:hover.button.flat, headerbar check.titlebutton.button:indeterminate:hover,
   .titlebar check.titlebutton.button:indeterminate:hover {
     -gtk-icon-shadow: none; }
 
 check:indeterminate:selected {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:indeterminate:selected.button.flat, headerbar check.titlebutton.button:indeterminate:selected,
   .titlebar check.titlebutton.button:indeterminate:selected {
     -gtk-icon-shadow: none; }
 
 check:indeterminate:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:indeterminate:backdrop.button.flat, headerbar check.titlebutton.button:indeterminate:backdrop,
   .titlebar check.titlebutton.button:indeterminate:backdrop {
     -gtk-icon-shadow: none; }
 
 check:indeterminate:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:indeterminate:disabled.button.flat, headerbar check.titlebutton.button:indeterminate:disabled,
   .titlebar check.titlebutton.button:indeterminate:disabled {
     -gtk-icon-shadow: none; }
 
 check:indeterminate:disabled:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/checkbox-mixed-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:indeterminate:disabled:backdrop.button.flat, headerbar check.titlebutton.button:indeterminate:disabled:backdrop,
   .titlebar check.titlebutton.button:indeterminate:disabled:backdrop {
     -gtk-icon-shadow: none; }
 
 check:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:checked.button.flat, headerbar check.titlebutton.button:checked,
   .titlebar check.titlebutton.button:checked {
     -gtk-icon-shadow: none; }
 
 check:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:checked:disabled.button.flat, headerbar check.titlebutton.button:checked:disabled,
   .titlebar check.titlebutton.button:checked:disabled {
     -gtk-icon-shadow: none; }
 
 check:checked:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:checked:hover.button.flat, headerbar check.titlebutton.button:checked:hover,
   .titlebar check.titlebutton.button:checked:hover {
     -gtk-icon-shadow: none; }
 
 check:checked:active {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   check:checked:active.button.flat, headerbar check.titlebutton.button:checked:active,
   .titlebar check.titlebutton.button:checked:active {
     -gtk-icon-shadow: none; }
 
 check:backdrop:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop:checked.button.flat, headerbar check.titlebutton.button:backdrop:checked,
   .titlebar check.titlebutton.button:backdrop:checked {
     -gtk-icon-shadow: none; }
 
 check:backdrop:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive-dark.png"), url("assets/checkbox-checked-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop:checked:disabled.button.flat, headerbar check.titlebutton.button:backdrop:checked:disabled,
   .titlebar check.titlebutton.button:backdrop:checked:disabled {
     -gtk-icon-shadow: none; }
 
 menu menuitem.check {
   -gtk-icon-source: -gtk-icontheme("checkbox-symbolic");
   color: #a2a5a8;
   -gtk-icon-shadow: none; }
   menu menuitem.check:active, menu menuitem.check:checked {
     -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic");
     color: #3DADE8; }
   menu menuitem.check:indeterminate {
     -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
   menu menuitem.check:hover {
     color: #EEEFF0; }
   menu menuitem.check:disabled {
     color: #616569; }
 
 radio {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio.button.flat, headerbar radio.titlebutton.button,
   .titlebar radio.titlebutton.button {
     -gtk-icon-shadow: none; }
 
 radio:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:hover.button.flat, headerbar radio.titlebutton.button:hover,
   .titlebar radio.titlebutton.button:hover {
     -gtk-icon-shadow: none; }
 
 radio:active {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:active.button.flat, headerbar radio.titlebutton.button:active,
   .titlebar radio.titlebutton.button:active {
     -gtk-icon-shadow: none; }
 
 radio:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:disabled.button.flat, headerbar radio.titlebutton.button:disabled,
   .titlebar radio.titlebutton.button:disabled {
     -gtk-icon-shadow: none; }
 
 radio:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop.button.flat, headerbar radio.titlebutton.button:backdrop,
   .titlebar radio.titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
 
 radio:backdrop:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop:disabled.button.flat, headerbar radio.titlebutton.button:backdrop:disabled,
   .titlebar radio.titlebutton.button:backdrop:disabled {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:indeterminate.button.flat, headerbar radio.titlebutton.button:indeterminate,
   .titlebar radio.titlebutton.button:indeterminate {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:indeterminate:hover.button.flat, headerbar radio.titlebutton.button:indeterminate:hover,
   .titlebar radio.titlebutton.button:indeterminate:hover {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate:selected {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:indeterminate:selected.button.flat, headerbar radio.titlebutton.button:indeterminate:selected,
   .titlebar radio.titlebutton.button:indeterminate:selected {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:indeterminate:backdrop.button.flat, headerbar radio.titlebutton.button:indeterminate:backdrop,
   .titlebar radio.titlebutton.button:indeterminate:backdrop {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:indeterminate:disabled.button.flat, headerbar radio.titlebutton.button:indeterminate:disabled,
   .titlebar radio.titlebutton.button:indeterminate:disabled {
     -gtk-icon-shadow: none; }
 
 radio:indeterminate:disabled:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive-dark.png"), url("assets/radio-mixed-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:indeterminate:disabled:backdrop.button.flat, headerbar radio.titlebutton.button:indeterminate:disabled:backdrop,
   .titlebar radio.titlebutton.button:indeterminate:disabled:backdrop {
     -gtk-icon-shadow: none; }
 
 radio:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:checked.button.flat, headerbar radio.titlebutton.button:checked,
   .titlebar radio.titlebutton.button:checked {
     -gtk-icon-shadow: none; }
 
 radio:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:checked:disabled.button.flat, headerbar radio.titlebutton.button:checked:disabled,
   .titlebar radio.titlebutton.button:checked:disabled {
     -gtk-icon-shadow: none; }
 
 radio:checked:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:checked:hover.button.flat, headerbar radio.titlebutton.button:checked:hover,
   .titlebar radio.titlebutton.button:checked:hover {
     -gtk-icon-shadow: none; }
 
 radio:checked:active {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png"));
   -gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
   radio:checked:active.button.flat, headerbar radio.titlebutton.button:checked:active,
   .titlebar radio.titlebutton.button:checked:active {
     -gtk-icon-shadow: none; }
 
 radio:backdrop:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop:checked.button.flat, headerbar radio.titlebutton.button:backdrop:checked,
   .titlebar radio.titlebutton.button:backdrop:checked {
     -gtk-icon-shadow: none; }
 
 radio:backdrop:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive-dark.png"), url("assets/radio-checked-backdrop-insensitive-dark@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop:checked:disabled.button.flat, headerbar radio.titlebutton.button:backdrop:checked:disabled,
   .titlebar radio.titlebutton.button:backdrop:checked:disabled {
     -gtk-icon-shadow: none; }
 
 menu menuitem.radio {
   -gtk-icon-source: -gtk-icontheme("radio-symbolic");
   color: #a2a5a8;
   -gtk-icon-shadow: none; }
   menu menuitem.radio:active, menu menuitem.radio:checked {
     -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic");
     color: #3DADE8; }
   menu menuitem.radio:indeterminate {
     -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
   menu menuitem.radio:hover {
     color: #EEEFF0; }
   menu menuitem.radio:disabled {
     color: #616569; }
 
 .view.check, .view.radio,
 list-row check, list-row radio {
   -gtk-icon-shadow: none; }
   .view.check:selected, calendar.check:selected, .view.check:hover, .view.radio:selected, calendar.radio:selected, .view.radio:hover,
   list-row check:selected,
   list-row check:hover, list-row radio:selected, list-row radio:hover {
     -gtk-icon-shadow: none; }
 
 .content-view {
   background-color: #212427; }
   .content-view:backdrop {
     background-color: #212427; }
 
 .view.content-view.check {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:hover {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:active {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:backdrop {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:checked {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:checked:hover {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:checked:active {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:backdrop:checked {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
   background-color: transparent; }
 
 checkbutton.text-button, radiobutton.text-button {
   padding: 1px 2px 4px;
   outline-offset: 0; }
   checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
     color: #909396; }
     checkbutton.text-button:disabled:backdrop, checkbutton.text-button:disabled:active:backdrop, checkbutton.text-button:disabled:indeterminate:backdrop, radiobutton.text-button:disabled:backdrop, radiobutton.text-button:disabled:active:backdrop, radiobutton.text-button:disabled:indeterminate:backdrop {
       color: #545c65; }
 
 /************
  * GtkScale *
  ************/
 scale,
 scale.scale-has-marks-above.scale-has-marks-below,
 scale.vertical.scale-has-marks-above.scale-has-marks-below {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 20;
   -GtkRange-trough-border: 2;
   outline-offset: -9px;
   -gtk-outline-radius: 4px; }
   scale.fine-tune,
   scale.scale-has-marks-above.scale-has-marks-below.fine-tune,
   scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune {
     outline-offset: -7px;
     -gtk-outline-radius: 6px; }
     scale.fine-tune.trough,
     scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
       margin: 8px;
       border-radius: 4px; }
   scale.slider,
   scale.scale-has-marks-above.scale-has-marks-below.slider,
   scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #363b41, #31363b);
     border: 1px solid;
     border-radius: 50%;
     border-color: #3DADE8;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px #31363B, inset 0 -1px #4d5256; }
     scale.slider:hover,
     scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
       border-width: 2px;
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #31363b, #31363b);
       border-color: #3DADE8;
       border-radius: 50%;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(255, 255, 255, 0.14), inset 0 -1px #42474b; }
     scale.slider:disabled,
     scale.scale-has-marks-above.scale-has-marks-below.slider:disabled,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:disabled {
       border-style: solid;
       border-radius: 50%;
       background-image: linear-gradient(to bottom, #3a3f44);
       box-shadow: none; }
     scale.slider:active,
     scale.scale-has-marks-above.scale-has-marks-below.slider:active,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
       border: 2px solid #1787c2; }
     .osd scale.slider, .osd
     scale.scale-has-marks-above.scale-has-marks-below.slider, .osd
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: none;
       background-color: #31363B;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal;
       background-color: #31363B; }
       .osd scale.slider:hover, .osd
       scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
         color: #EEEFF0;
         border-color: #3DADE8;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd scale.slider:active, .osd
       scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
         color: #EEEFF0;
         border-color: rgba(35, 38, 41, 0.8);
         background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd scale.slider:backdrop, .osd
       scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
   scale.trough,
   scale.scale-has-marks-above.scale-has-marks-below.trough,
   scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
     margin: 9px;
     border: 1px solid transparent;
     border-radius: 4px;
     background-color: #696D71;
     box-shadow: none; }
     scale.trough.highlight,
     scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
       background-color: #3DADE8;
       border-color: transparent;
       box-shadow: none; }
       scale.trough.highlight.vertical,
       scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical,
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical {
         background-color: #3DADE8; }
     scale.trough:disabled, scale.trough.vertical:disabled,
     scale.scale-has-marks-above.scale-has-marks-below.trough:disabled,
     scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:disabled,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:disabled,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:disabled {
       border-color: transparent;
       background-image: none;
       background-color: #3a3f44;
       box-shadow: none; }
     .osd scale.trough, .osd
     scale.scale-has-marks-above.scale-has-marks-below.trough, .osd
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
       border-color: transparent;
       box-shadow: none;
       margin: 9px;
       background-color: #696D71;
       outline-color: rgba(238, 239, 240, 0.2);
       outline-offset: -8px; }
       .osd scale.trough.fine-tune, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough.fine-tune, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.fine-tune {
         margin: 7px; }
       .osd scale.trough.highlight, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
         background-image: none;
         background-color: #3DADE8; }
       .osd scale.trough:disabled, .osd scale.trough:backdrop:disabled, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough:disabled, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:disabled, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:disabled, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:disabled {
         border-color: transparent;
         background-color: transparent; }
       .osd scale.trough:backdrop, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
         border-color: transparent;
         background-image: none; }
 
 scale.scale-has-marks-below {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.scale-has-marks-below.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.scale-has-marks-above {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.scale-has-marks-above.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.vertical.scale-has-marks-below {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.vertical.scale-has-marks-below.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.vertical.scale-has-marks-above {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.vertical.scale-has-marks-above.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.scale-has-marks-above .trough {
   margin: 14px 10px 10px; }
 .fine-tune.scale.scale-has-marks-above .trough {
   margin: 12px 8px 8px; }
 
 scale.scale-has-marks-below .trough {
   margin: 10px 10px 14px; }
 .fine-tune.scale.scale-has-marks-below .trough {
   margin: 8px 8px 12px; }
 
 scale.vertical.scale-has-marks-above .trough {
   margin: 10px 10px 10px 14px; }
 .fine-tune.scale.vertical.scale-has-marks-above .trough {
   margin: 8px 8px 8px 12px; }
 
 scale.vertical.scale-has-marks-below .trough {
   margin: 10px 14px 10px 10px; }
 .fine-tune.scale.vertical.scale-has-marks-below .trough {
   margin: 8px 12px 8px 8px; }
 
 /*****************
  * Progress bars *
  *****************/
 progressbar {
   padding: 0;
   font-size: smaller;
   color: rgba(238, 239, 240, 0.4);
   box-shadow: none; }
   progressbar .osd {
     -progressbar-xspacing: 0;
     -progressbar-yspacing: 0;
     -progressbar-min-horizontal-bar-height: 3; }
   progressbar trough {
     border: 1px solid transparent;
     border-radius: 3px;
     background-color: #696D71; }
     progressbar .osd trough {
       border-style: none;
       background-color: transparent;
       box-shadow: none; }
 
 progressbar progress {
   background-color: #3DADE8;
   border: 1px solid #3DADE8;
   border-radius: 0px;
   box-shadow: none; }
   progressbar.left progress {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px; }
   progressbar.right progress {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px; }
   progressbar.left.right progress {
     box-shadow: none; }
   progressbar.vertical.bottom progress {
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
     box-shadow: none; }
   progressbar.vertical.top progress {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px; }
   progressbar .osd progress {
     background-image: none;
     background-color: #3DADE8;
     border-style: none;
     border-radius: 0; }
 
 /*************
  * Level Bar *
  *************/
 levelbar.vertical {
   -GtkLevelBar-min-block-width: 6;
   -GtkLevelBar-min-block-height: 34; }
 
 levelbar {
   box-shadow: none;
   -GtkLevelBar-min-block-width: 34;
   -GtkLevelBar-min-block-height: 6; }
   levelbar.vertical {
     -GtkLevelBar-min-block-width: 6;
     -GtkLevelBar-min-block-height: 34; }
   levelbar trough {
     border: 1px solid transparent;
     padding: 2px;
     border-radius: 2px;
     background-color: transparent; }
   levelbar block.filled {
     border: 1px solid #3DADE8;
     background-color: #3DADE8;
     box-shadow: none;
     border-radius: 2px; }
     levelbar.discrete.horizontal block.filled {
       margin: 0 1px; }
     levelbar.discrete.vertical block.filled {
       margin: 1px 0; }
     levelbar block.filled.high {
       border-color: #5aa411;
       background-color: #5aa411; }
       levelbar block.filled.high:backdrop {
         border-color: #5aa411; }
     levelbar block.filled.low {
       border-color: #f67400;
       background-color: #f67400; }
       levelbar block.filled.low:backdrop {
         border-color: #f67400; }
     levelbar block.filled.empty {
       background-color: #696D71;
       border-color: transparent;
       box-shadow: none; }
 
 /**********
  * Frames *
  **********/
 frame {
   border: 1px solid #696D71;
   padding: 0; }
   frame.flat {
     border-style: none; }
   frame.action-bar {
     padding: 6px;
     border-width: 1px 0 0; }
 
 scrolledwindow viewport.frame, frame box stack scrolledwindow {
   border-style: none; }
 
 .separator, placessidebar.sidebar .view .separator,
 placessidebar.sidebar .view .separator:backdrop {
   color: rgba(0, 0, 0, 0.1); }
   filechooserbutton .separator.vertical, filechooserbutton placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view filechooserbutton .vertical.separator, button.font .separator.vertical, button.font placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view button.font .vertical.separator {
     -GtkWidget-wide-separators: true; }
 
 /*********
  * Lists *
  *********/
 list, list-row {
   background-color: #31363B;
   border-width: 0px;
   border-color: #3DADE8; }
 
 list-row,
 .grid-child {
   padding: 0px 2px;
   border-style: solid;
   border-width: 0px;
   border-color: #3DADE8; }
 
 list-row.button, headerbar list-row.button.titlebutton,
 .titlebar list-row.button.titlebutton,
 list-row.button:backdrop,
 list-row.button:backdrop:active,
 list-row.button:backdrop:checked,
 list-row.button:backdrop:disabled,
 list-row.button:backdrop:disabled:active,
 list-row.button:backdrop:disabled:checked,
 list-row.button:disabled:active,
 list-row.button:disabled:checked {
   background-color: rgba(35, 38, 41, 0);
   border-style: none;
   border-radius: 0;
   box-shadow: none; }
 
 list-row.button:hover {
   background-color: rgba(61, 173, 232, 0.2); }
 list-row.button:active {
   box-shadow: none; }
 list-row.button:selected:active {
   box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
 list-row.button:selected:hover {
   background-color: #4fb4e9; }
 list-row.button:selected:backdrop {
   background-color: #3DADE8; }
 list-row.button:backdrop:hover {
   background-color: transparent; }
 
 list-row:selected button {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   color: #EEEFF0;
   border-color: #696D71;
   background-image: linear-gradient(to bottom, #363b41, #31363b); }
   list-row:selected button.flat, list-row:selected headerbar .titlebutton.button, headerbar list-row:selected .titlebutton.button,
   list-row:selected .titlebar .titlebutton.button,
   .titlebar list-row:selected .titlebutton.button {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #EEEFF0; }
   list-row:selected button:hover {
     color: #EEEFF0;
     border-color: #3DADE8;
     background-image: linear-gradient(to bottom, #31363b, #31363b); }
   list-row:selected button:active, list-row:selected button:checked {
     color: #31363B;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
   list-row:selected button:backdrop, list-row:selected button.flat:backdrop, list-row:selected headerbar .titlebutton.button:backdrop, headerbar list-row:selected .titlebutton.button:backdrop,
   list-row:selected .titlebar .titlebutton.button:backdrop,
   .titlebar list-row:selected .titlebutton.button:backdrop {
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #31363B);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     list-row:selected button:backdrop:active, list-row:selected button:backdrop:checked, list-row:selected button.flat:backdrop:active, list-row:selected headerbar .titlebutton.button:backdrop:active, headerbar list-row:selected .titlebutton.button:backdrop:active,
     list-row:selected .titlebar .titlebutton.button:backdrop:active,
     .titlebar list-row:selected .titlebutton.button:backdrop:active, list-row:selected button.flat:backdrop:checked, list-row:selected headerbar .titlebutton.button:backdrop:checked, headerbar list-row:selected .titlebutton.button:backdrop:checked,
     list-row:selected .titlebar .titlebutton.button:backdrop:checked,
     .titlebar list-row:selected .titlebutton.button:backdrop:checked {
       color: #606468;
       border-color: #63686c;
       background-image: linear-gradient(to bottom, #43484c);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     list-row:selected button:backdrop:disabled, list-row:selected button.flat:backdrop:disabled, list-row:selected headerbar .titlebutton.button:backdrop:disabled, headerbar list-row:selected .titlebutton.button:backdrop:disabled,
     list-row:selected .titlebar .titlebutton.button:backdrop:disabled,
     .titlebar list-row:selected .titlebutton.button:backdrop:disabled {
       color: #545c65;
       border-color: #63686c;
       background-image: linear-gradient(to bottom, #3a3f44);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       list-row:selected button:backdrop:disabled > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled > .label,
       list-row:selected .titlebar button.titlebutton:backdrop:disabled > .label, list-row:selected button.flat:backdrop:disabled > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled > .label,
       list-row:selected .titlebar .titlebutton.button:backdrop:disabled > .label,
       .titlebar list-row:selected .titlebutton.button:backdrop:disabled > .label {
         color: inherit; }
       list-row:selected button:backdrop:disabled:active, list-row:selected button:backdrop:disabled:checked, list-row:selected button.flat:backdrop:disabled:active, list-row:selected headerbar .titlebutton.button:backdrop:disabled:active, headerbar list-row:selected .titlebutton.button:backdrop:disabled:active,
       list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active,
       .titlebar list-row:selected .titlebutton.button:backdrop:disabled:active, list-row:selected button.flat:backdrop:disabled:checked, list-row:selected headerbar .titlebutton.button:backdrop:disabled:checked, headerbar list-row:selected .titlebutton.button:backdrop:disabled:checked,
       list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked,
       .titlebar list-row:selected .titlebutton.button:backdrop:disabled:checked {
         color: #545c65;
         border-color: #63686c;
         background-image: linear-gradient(to bottom, #2e3236); }
         list-row:selected button:backdrop:disabled:active > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled:active > .label,
         list-row:selected .titlebar button.titlebutton:backdrop:disabled:active > .label, list-row:selected button:backdrop:disabled:checked > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled:checked > .label,
         list-row:selected .titlebar button.titlebutton:backdrop:disabled:checked > .label, list-row:selected button.flat:backdrop:disabled:active > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled:active > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled:active > .label,
         list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active > .label,
         .titlebar list-row:selected .titlebutton.button:backdrop:disabled:active > .label, list-row:selected button.flat:backdrop:disabled:checked > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled:checked > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled:checked > .label,
         list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked > .label,
         .titlebar list-row:selected .titlebutton.button:backdrop:disabled:checked > .label {
           color: inherit; }
   list-row:selected button.flat:backdrop, list-row:selected headerbar .titlebutton.button:backdrop, headerbar list-row:selected .titlebutton.button:backdrop,
   list-row:selected .titlebar .titlebutton.button:backdrop,
   .titlebar list-row:selected .titlebutton.button:backdrop {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #606468; }
   list-row:selected button:disabled {
     color: #909396;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #3a3f44);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     list-row:selected button:disabled > .label, list-row:selected headerbar button.titlebutton:disabled > .label,
     list-row:selected .titlebar button.titlebutton:disabled > .label {
       color: inherit; }
     list-row:selected button:disabled:active, list-row:selected button:disabled:checked {
       color: #909396;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
       list-row:selected button:disabled:active > .label, list-row:selected headerbar button.titlebutton:disabled:active > .label,
       list-row:selected .titlebar button.titlebutton:disabled:active > .label, list-row:selected button:disabled:checked > .label, list-row:selected headerbar button.titlebutton:disabled:checked > .label,
       list-row:selected .titlebar button.titlebutton:disabled:checked > .label {
         color: inherit; }
 
 list-row, list-row.button, headerbar list-row.button.titlebutton,
 .titlebar list-row.button.titlebutton {
   transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   list-row:hover, list-row.button:hover, headerbar list-row.button.titlebutton:hover,
   .titlebar list-row.button.titlebutton:hover {
     transition: none; }
 
 /*********************
  * App Notifications *
  *********************/
 .app-notification,
 .app-notification.frame {
   padding: 10px;
   border: none;
   border-radius: 0 0 3px 3px;
   background-color: rgba(35, 38, 41, 0.8);
   background-image: none;
   background-clip: padding-box; }
   .app-notification:backdrop,
   .app-notification.frame:backdrop {
     background-image: none; }
   .app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
   .app-notification .titlebar button.titlebutton,
   .titlebar .app-notification button.titlebutton,
   .app-notification.frame button {
     color: #EEEFF0;
     border-color: #696D71;
     background-image: none;
     background-color: #31363B;
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     font-weight: normal; }
     .app-notification button.flat, .app-notification headerbar .titlebutton.button, headerbar .app-notification .titlebutton.button,
     .app-notification .titlebar .titlebutton.button,
     .titlebar .app-notification .titlebutton.button,
     .app-notification.frame button.flat,
     .app-notification.frame headerbar .titlebutton.button,
     headerbar .app-notification.frame .titlebutton.button,
     .app-notification.frame .titlebar .titlebutton.button,
     .titlebar .app-notification.frame .titlebutton.button {
       -gtk-icon-shadow: 0 1px black;
       text-shadow: 0 1px black; }
     .app-notification button:hover,
     .app-notification.frame button:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: none;
       background-clip: padding-box;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked,
     .app-notification.frame button:active,
     .app-notification.frame button:checked,
     .app-notification.frame button:backdrop:active,
     .app-notification.frame button:backdrop:checked {
       color: #EEEFF0;
       border-color: rgba(35, 38, 41, 0.8);
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .app-notification button:disabled, .app-notification button:backdrop:disabled,
     .app-notification.frame button:disabled,
     .app-notification.frame button:backdrop:disabled {
       color: #909396;
       border-color: #3a3f44;
       background-image: none;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .app-notification button:backdrop,
     .app-notification.frame button:backdrop {
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
 
 /*************
  * Expanders *
  *************/
 treeview.view expander {
   -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
   treeview.view expander:dir(rtl) {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
   treeview.view expander:hover {
     color: white; }
   treeview.view expander:checked {
     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
 
 /************
  * Calendar *
  ***********/
 calendar {
   color: #EEEFF0;
   border: 1px solid #696D71; }
   calendar.header {
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 0; }
     calendar.header:backdrop {
       border-color: rgba(0, 0, 0, 0.1); }
   calendar.button, headerbar calendar.button.titlebutton,
   .titlebar calendar.button.titlebutton {
     color: rgba(238, 239, 240, 0.45); }
     calendar.button:hover, headerbar calendar.button.titlebutton:hover,
     .titlebar calendar.button.titlebutton:hover {
       color: #EEEFF0; }
     calendar.button:backdrop, headerbar calendar.button.titlebutton:backdrop,
     .titlebar calendar.button.titlebutton:backdrop {
       color: rgba(96, 100, 104, 0.45); }
   calendar:indeterminate, calendar:indeterminate:backdrop, calendar.highlight, calendar.highlight:backdrop {
     color: alpha(currentColor,0.55); }
   calendar:backdrop {
     color: #EEEFF0;
     border-color: #63686c; }
 
 /***********
  * Dialogs *
  ***********/
 message-dialog {
   -GtkDialog-button-spacing: 8;
   -GtkDialog-action-area-border: 8; }
   message-dialog .titlebar {
     box-shadow: none; }
   message-dialog.csd.background {
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px; }
   message-dialog.csd .dialog-action-area button {
     border-radius: 0;
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #363b41, #31363b); }
     message-dialog.csd .dialog-action-area button:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #31363b, #31363b); }
     message-dialog.csd .dialog-action-area button:active {
       color: #31363B;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
     message-dialog.csd .dialog-action-area button:disabled {
       color: #909396;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #3a3f44);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       message-dialog.csd .dialog-action-area button:disabled > .label, message-dialog.csd .dialog-action-area headerbar button.titlebutton:disabled > .label,
       message-dialog.csd .dialog-action-area .titlebar button.titlebutton:disabled > .label {
         color: inherit; }
     message-dialog.csd .dialog-action-area button:backdrop {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #31363B);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     message-dialog.csd .dialog-action-area button:backdrop:disabled {
       color: #545c65;
       border-color: #63686c;
       background-image: linear-gradient(to bottom, #3a3f44);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       message-dialog.csd .dialog-action-area button:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar button.titlebutton:backdrop:disabled > .label,
       message-dialog.csd .dialog-action-area .titlebar button.titlebutton:backdrop:disabled > .label {
         color: inherit; }
     message-dialog.csd .dialog-action-area button.suggested-action {
       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
       color: white;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
       message-dialog.csd .dialog-action-area button.suggested-action:hover {
         color: white;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
       message-dialog.csd .dialog-action-area button.suggested-action:active {
         color: white;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
       message-dialog.csd .dialog-action-area button.suggested-action:backdrop {
         color: white;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3DADE8);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         message-dialog.csd .dialog-action-area button.suggested-action:backdrop:disabled {
           color: #545c65;
           border-color: #63686c;
           background-image: linear-gradient(to bottom, #3a3f44);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
           message-dialog.csd .dialog-action-area button.suggested-action:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
           message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label {
             color: inherit; }
       message-dialog.csd .dialog-action-area button.suggested-action:disabled {
         background-color: #31363B;
         color: shade(#EEEFF0, 0.5); }
     message-dialog.csd .dialog-action-area button.destructive-action {
       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
       color: white;
       border-color: #d51010;
       background-image: linear-gradient(to bottom, #df1111, #d51010); }
       message-dialog.csd .dialog-action-area button.destructive-action:hover {
         color: white;
         border-color: #d51010;
         background-image: linear-gradient(to bottom, #d51010, #d51010); }
       message-dialog.csd .dialog-action-area button.destructive-action:active {
         color: white;
         border-color: #d51010;
         background-image: linear-gradient(to bottom, #d51010, shade(#d51010, 0.8)); }
       message-dialog.csd .dialog-action-area button.destructive-action:backdrop {
         color: white;
         border-color: #d51010;
         background-image: linear-gradient(to bottom, #d51010);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         message-dialog.csd .dialog-action-area button.destructive-action:backdrop:disabled {
           color: #545c65;
           border-color: #63686c;
           background-image: linear-gradient(to bottom, #3a3f44);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
           message-dialog.csd .dialog-action-area button.destructive-action:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar .destructive-action.button.titlebutton:backdrop:disabled > .label,
           message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:disabled > .label {
             color: inherit; }
       message-dialog.csd .dialog-action-area button.destructive-action:disabled {
         background-color: #31363B;
         color: shade(#EEEFF0, 0.5); }
 filechooser .search-bar {
   background-color: #31363B;
   border-color: #31363B;
   box-shadow: none; }
   filechooser .search-bar:backdrop {
     background-color: #25292c;
     border-color: #31363B; }
 filechooser .dialog-action-box {
   border-top: 1px solid #696D71; }
   filechooser .dialog-action-box:backdrop {
     border-top-color: #63686c; }
 
 /***********
  * Sidebar *
  ***********/
 .sidebar {
   border: none;
   background-color: #31363B; }
 
 placessidebar.sidebar .view {
   color: #EEEFF0;
   background-color: transparent; }
   placessidebar.sidebar .view .image {
     color: #b5b8ba; }
     placessidebar.sidebar .view .image:selected {
       color: #dce8ef; }
       placessidebar.sidebar .view .image:selected:backdrop {
         color: #dce8ef; }
     placessidebar.sidebar .view .image:disabled {
       color: #74777b; }
     placessidebar.sidebar .view .image:backdrop {
       color: #52565b; }
       placessidebar.sidebar .view .image:backdrop:disabled {
         color: #4a5158; }
   placessidebar.sidebar .view:disabled {
     color: #909396; }
   placessidebar.sidebar .view:backdrop {
     color: #606468; }
     placessidebar.sidebar .view:backdrop:disabled {
       color: #545c65; }
 
 .sidebar-item {
   padding: 10px 4px; }
   .sidebar-item > .label {
     padding-left: 6px;
     padding-right: 6px; }
   .sidebar-item.needs-attention > .label {
     background-size: 6px 6px, 0 0; }
 
 /*********
  * Paned *
  *********/
 paned {
   -paned-handle-size: 1;
   -gtk-icon-source: none;
   margin: 0 8px 8px 0; }
   paned:dir(rtl) {
     margin-right: 0;
     margin-left: 8px; }
   paned .pane-separator {
     background-color: #696D71; }
     paned .pane-separator:backdrop {
       background-color: #63686c; }
 
 paned.wide {
   -paned-handle-size: 5;
   margin: 0; }
   paned.wide .pane-separator {
     background-color: transparent;
     border-style: none solid;
     border-color: #696D71;
     border-width: 1px; }
   paned.wide.vertical .pane-separator {
     border-style: solid none; }
   paned.wide .pane-separator:backdrop {
     border-color: #63686c; }
 
 /**************
  * infobar *
  **************/
 infobar {
   border-style: none; }
 
 .info,
 .question,
 .warning,
 .error {
   background-color: #31363B;
   color: #EEEFF0;
   text-shadow: none;
   border-color: #1a97d8; }
   .info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton,
   .info .titlebar button.titlebutton,
   .titlebar .info button.titlebutton,
   .question button,
   .question headerbar button.titlebutton,
   headerbar .question button.titlebutton,
   .question .titlebar button.titlebutton,
   .titlebar .question button.titlebutton,
   .warning button,
   .warning headerbar button.titlebutton,
   headerbar .warning button.titlebutton,
   .warning .titlebar button.titlebutton,
   .titlebar .warning button.titlebutton,
   .error button,
   .error headerbar button.titlebutton,
   headerbar .error button.titlebutton,
   .error .titlebar button.titlebutton,
   .titlebar .error button.titlebutton {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #3DADE8;
     background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
     .info button:hover,
     .question button:hover,
     .warning button:hover,
     .error button:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
     .info button:active,
     .question button:active,
     .warning button:active,
     .error button:active {
       color: #31363B;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3DADE8, shade(#3DADE8, 0.8)); }
     .info button:disabled,
     .question button:disabled,
     .warning button:disabled,
     .error button:disabled {
       color: #909396;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3999cb);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       .info button:disabled > .label, .info headerbar button.titlebutton:disabled > .label,
       .info .titlebar button.titlebutton:disabled > .label,
       .question button:disabled > .label,
       .question headerbar button.titlebutton:disabled > .label,
       .question .titlebar button.titlebutton:disabled > .label,
       .warning button:disabled > .label,
       .warning headerbar button.titlebutton:disabled > .label,
       .warning .titlebar button.titlebutton:disabled > .label,
       .error button:disabled > .label,
       .error headerbar button.titlebutton:disabled > .label,
       .error .titlebar button.titlebutton:disabled > .label {
         color: inherit; }
     .info button:backdrop,
     .question button:backdrop,
     .warning button:backdrop,
     .error button:backdrop {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #3DADE8);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       border-color: #3DADE8; }
       .info button:backdrop:disabled,
       .question button:backdrop:disabled,
       .warning button:backdrop:disabled,
       .error button:backdrop:disabled {
         color: #78b7d8;
         border-color: #3DADE8;
         background-image: linear-gradient(to bottom, #3999cb);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0);
         border-color: #3DADE8; }
         .info button:backdrop:disabled > .label, .info headerbar button.titlebutton:backdrop:disabled > .label,
         .info .titlebar button.titlebutton:backdrop:disabled > .label,
         .question button:backdrop:disabled > .label,
         .question headerbar button.titlebutton:backdrop:disabled > .label,
         .question .titlebar button.titlebutton:backdrop:disabled > .label,
         .warning button:backdrop:disabled > .label,
         .warning headerbar button.titlebutton:backdrop:disabled > .label,
         .warning .titlebar button.titlebutton:backdrop:disabled > .label,
         .error button:backdrop:disabled > .label,
         .error headerbar button.titlebutton:backdrop:disabled > .label,
         .error .titlebar button.titlebutton:backdrop:disabled > .label {
           color: inherit; }
   .info .label:selected,
   .info .label:selected:focus,
   .info .label:selected:hover,
   .question .label:selected,
   .question .label:selected:focus,
   .question .label:selected:hover,
   .warning .label:selected,
   .warning .label:selected:focus,
   .warning .label:selected:hover,
   .error .label:selected,
   .error .label:selected:focus,
   .error .label:selected:hover {
     background-color: #1a97d8; }
 
 /************
  * Tooltips *
  ************/
 tooltip {
   color: white;
   padding: 4px;
   /* not working */
   border-radius: 5px;
   box-shadow: none;
   text-shadow: 0 1px black; }
  tooltip.background {
     background-color: rgba(0, 0, 0, 0.8);
     background-clip: padding-box;
     border: 1px solid rgba(255, 255, 255, 0.1); }
  tooltip.window-frame.csd {
     background-color: transparent; }
 
 tooltip * {
   padding: 4px;
   background-color: transparent;
   color: inherit; }
 
 /*****************
  * Color Chooser *
  *****************/
 colorswatch {
   box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
   :selected colorswatch {
     box-shadow: none; }
     :selected colorswatch.overlay, :selected colorswatch.overlay:hover {
       border-color: #EEEFF0; }
   colorswatch:selected {
     box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
   colorswatch.top {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px; }
   colorswatch.bottom {
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px; }
   colorswatch.left, colorswatch:first-child:not(.overlay):not(.top) {
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px; }
   colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom) {
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px; }
   colorswatch:only-child:not(.overlay) {
     border-radius: 6px; }
   colorswatch.top > .overlay {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px; }
   colorswatch.bottom > .overlay {
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px; }
   colorswatch:first-child:not(.top) > .overlay {
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px; }
   colorswatch:last-child:not(.bottom) > .overlay {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px; }
   colorswatch:only-child > .overlay {
     border-radius: 5px; }
   colorswatch:hover, colorswatch:hover:selected {
     background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.4); }
     colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark {
       background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); }
   colorswatch:backdrop, colorswatch:backdrop:selected
   colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected {
     background-image: none;
     box-shadow: none; }
   colorchooser colorswatch {
     border-radius: 3px; }
     colorchooser colorswatch:hover {
       background-image: none;
       box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
     colorchooser colorswatch:backdrop {
       box-shadow: none; }
   colorswatch.color-dark {
     color: white;
     outline-color: rgba(0, 0, 0, 0.3); }
     colorswatch.color-dark:backdrop {
       color: rgba(255, 255, 255, 0.3); }
   colorswatch.color-light {
     color: black;
     outline-color: rgba(255, 255, 255, 0.5); }
     colorswatch.color-light:backdrop {
       color: rgba(0, 0, 0, 0.3); }
   colorswatch.overlay, colorswatch.overlay:selected {
     border: 1px solid #696D71; }
     colorswatch.overlay:hover, colorswatch.overlay:selected:hover {
       border-color: black; }
   colorswatch#add-color-button {
     border-style: solid;
     border-width: 1px;
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #EEEFF0;
     border-color: #696D71;
     background-image: linear-gradient(to bottom, #363b41, #31363b); }
     colorswatch#add-color-button:hover {
       color: #EEEFF0;
       border-color: #3DADE8;
       background-image: linear-gradient(to bottom, #31363b, #31363b); }
     colorswatch#add-color-button:backdrop {
       color: #EEEFF0;
       border-color: #696D71;
       background-image: linear-gradient(to bottom, #31363B);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
     colorswatch#add-color-button .overlay {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
 
 /********
  * Misc *
  ********/
 scale-popup button, scale-popup headerbar button.titlebutton, headerbar scale-popup button.titlebutton,
 scale-popup .titlebar button.titlebutton,
 .titlebar scale-popup button.titlebutton {
   padding: 6px; }
   scale-popup button:hover {
     background-color: rgba(238, 239, 240, 0.1);
     border-radius: 5px; }
 
 /**********************
  * Window Decorations *
  *********************/
 .window-frame {
   border-width: 0;
   box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
   /* this is used for the resize cursor area */
   margin: 10px; }
   .window-frame:backdrop {
     box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
   .window-frame.tiled {
     border-radius: 0; }
   .window-frame.popup {
     box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
   .window-frame.ssd {
     box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); }
   .window-frame.csd.popup {
     border-radius: 0;
     box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
   .window-frame.csd.tooltip {
     border-radius: 5px;
     box-shadow: none; }
   .window-frame.csd.message-dialog {
     border-radius: 7px;
     box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
   .window-frame.solid-csd {
     border-radius: 0;
     margin: 1px;
     background-color: #31363B;
     border: 0;
     box-shadow: none; }
 
 headerbar .titlebutton.button,
 .titlebar .titlebutton.button {
   padding: 2px; }
   headerbar .titlebutton.button:backdrop,
   .titlebar .titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
   headerbar .titlebutton.close.button,
   .titlebar .titlebutton.close.button {
     color: transparent;
     border-image: none;
     box-shadow: none;
     background-position: center;
     background-repeat: no-repeat;
     background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); }
   headerbar .titlebutton.close.button:hover,
   .titlebar .titlebutton.close.button:hover {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); }
   headerbar .titlebutton.close.button:active,
   .titlebar .titlebutton.close.button:active {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); }
   headerbar .titlebutton.close.button:backdrop,
   .titlebar .titlebutton.close.button:backdrop {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); }
   headerbar .titlebutton.maximize.button,
   .titlebar .titlebutton.maximize.button {
     color: transparent;
     border-image: none;
     box-shadow: none;
     background-position: center;
     background-repeat: no-repeat;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); }
   headerbar .titlebutton.maximize.button:hover,
   .titlebar .titlebutton.maximize.button:hover {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); }
   headerbar .titlebutton.maximize.button:active,
   .titlebar .titlebutton.maximize.button:active {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); }
   headerbar .titlebutton.maximize.button:backdrop,
   .titlebar .titlebutton.maximize.button:backdrop {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); }
   headerbar .titlebutton.minimize.button,
   .titlebar .titlebutton.minimize.button {
     color: transparent;
     border-image: none;
     box-shadow: none;
     background-position: center;
     background-repeat: no-repeat;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); }
   headerbar .titlebutton.minimize.button:hover,
   .titlebar .titlebutton.minimize.button:hover {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); }
   headerbar .titlebutton.minimize.button:active,
   .titlebar .titlebutton.minimize.button:active {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
   headerbar .titlebutton.minimize.button:backdrop,
   .titlebar .titlebutton.minimize.button:backdrop {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); }
 
 headerbar.selection-mode .titlebutton.button,
 .titlebar.selection-mode .titlebutton.button {
   text-shadow: none; }
   headerbar.selection-mode .titlebutton.button:backdrop,
   .titlebar.selection-mode .titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
 
 textview text selection, .view selection, .view:selected, calendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, menuitem.button.flat:selected, headerbar menuitem.titlebutton.button:selected,
 .titlebar menuitem.titlebutton.button:selected, list-row:selected, .sidebar:selected, placessidebar.sidebar .view:selected, placessidebar.sidebar calendar:selected {
   background-color: #3DADE8;
   color: #EEEFF0; }
 
 /* Decouple the font of context menus from their entry/textview */
 .touch-selection,
 .context-menu {
   font: initial; }
 
 .monospace {
   font: Monospace; }
 
 .overshoot.top {
   background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
   background-size: 100% 5%, 100% 100%;
   background-repeat: no-repeat;
   background-position: center top;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.top:backdrop {
     background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
     background-size: 100% 5%;
     background-repeat: no-repeat;
     background-position: center top;
     background-color: transparent;
     border: none;
     box-shadow: none; }
 .overshoot.bottom {
   background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
   background-size: 100% 5%, 100% 100%;
   background-repeat: no-repeat;
   background-position: center bottom;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.bottom:backdrop {
     background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
     background-size: 100% 5%;
     background-repeat: no-repeat;
     background-position: center bottom;
     background-color: transparent;
     border: none;
     box-shadow: none; }
 .overshoot.left {
   background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
   background-size: 5% 100%, 100% 100%;
   background-repeat: no-repeat;
   background-position: left center;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.left:backdrop {
     background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
     background-size: 5% 100%;
     background-repeat: no-repeat;
     background-position: left center;
     background-color: transparent;
     border: none;
     box-shadow: none; }
 .overshoot.right {
   background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
   background-size: 5% 100%, 100% 100%;
   background-repeat: no-repeat;
   background-position: right center;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.right:backdrop {
     background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
     background-size: 5% 100%;
     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.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-top: 1px;
   background-size: 10px 1px;
   background-repeat: repeat-x;
   background-origin: content-box;
   background-position: center top; }
 .undershoot.bottom {
   background-color: transparent;
   background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-bottom: 1px;
   background-size: 10px 1px;
   background-repeat: repeat-x;
   background-origin: content-box;
   background-position: center bottom; }
 .undershoot.left {
   background-color: transparent;
   background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-left: 1px;
   background-size: 1px 10px;
   background-repeat: repeat-y;
   background-origin: content-box;
   background-position: left center; }
 .undershoot.right {
   background-color: transparent;
   background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-right: 1px;
   background-size: 1px 10px;
   background-repeat: repeat-y;
   background-origin: content-box;
   background-position: right center; }
 
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */
 /*
 widget text/foreground color */
 @define-color theme_fg_color #EEEFF0;
 /*
 text color for entries, views and content in general */
 @define-color theme_text_color #EEEFF0;
 /*
 widget base background color */
 @define-color theme_bg_color #31363B;
 /*
 text widgets and the like base background color */
 @define-color theme_base_color #232629;
 /*
 base background color of selections */
 @define-color theme_selected_bg_color #3DADE8;
 /*
 text/foreground color of selections */
 @define-color theme_selected_fg_color #EEEFF0;
 /*
 base background color of insensitive widgets */
 @define-color insensitive_bg_color #3a3f44;
 /*
 text foreground color of insensitive widgets */
 @define-color insensitive_fg_color #909396;
 /*
 insensitive text widgets and the like base background color */
 @define-color insensitive_base_color #232629;
 /*
 widget text/foreground color on backdrop windows */
 @define-color theme_unfocused_fg_color #606468;
 /*
 text color for entries, views and content in general on backdrop windows */
 @define-color theme_unfocused_text_color #EEEFF0;
 /*
 widget base background color on backdrop windows */
 @define-color theme_unfocused_bg_color #31363B;
 /*
 text widgets and the like base background color on backdrop windows */
 @define-color theme_unfocused_base_color #25292c;
 /*
 base background color of selections on backdrop windows */
 @define-color theme_unfocused_selected_bg_color #3DADE8;
 /*
 text/foreground color of selections on backdrop windows */
 @define-color theme_unfocused_selected_fg_color #EEEFF0;
 /*
 widgets main borders color */
 @define-color borders #696D71;
 /*
 widgets main borders color on backdrop windows */
 @define-color unfocused_borders #63686c;
 /*
 these are pretty self explicative */
 @define-color warning_color #f67400;
 @define-color error_color #ed1515;
 @define-color success_color #5aa411;
 @define-color icon_red #da4453;
 /*
 titlebar colors */
 @define-color titlebar_bg_color #31363B;
 @define-color titlebar_fg_color #EEEFF0;
 @define-color hover_color #3DADE8;
 /*
 these colors are exported for the window manager and shouldn't be used in applications,
 read if you used those and something break with a version upgrade you're on your own... */
 @define-color wm_title #EEEFF0;
 @define-color wm_unfocused_title #606468;
 @define-color wm_highlight transparent;
 @define-color wm_borders_edge rgba(238, 239, 240, 0.1);
 @define-color wm_bg_a #31363B;
 @define-color wm_bg_b #31363B;
 @define-color wm_shadow alpha(black, 0.35);
 @define-color wm_border alpha(black, 0.18);
 @define-color wm_button_hover_color_a shade(#31363B, 1.3);
 @define-color wm_button_hover_color_b #31363B;
 @define-color wm_button_active_color_a shade(#31363B, 0.85);
 @define-color wm_button_active_color_b shade(#31363B, 0.89);
 @define-color wm_button_active_color_c shade(#31363B, 0.9);
 @define-color content_view_bg #232629;
 
 /*# sourceMappingURL=gtk-dark.css.map */
diff --git a/Breeze-gtk/gtk-3.0/gtk.css b/Breeze-gtk/gtk-3.0/gtk.css
index 527a598..c720127 100755
--- a/Breeze-gtk/gtk-3.0/gtk.css
+++ b/Breeze-gtk/gtk-3.0/gtk.css
@@ -1,4469 +1,4469 @@
 * {
   padding: 0;
   -GtkToolButton-icon-spacing: 4;
   -GtkTextView-error-underline-color: #ed1515;
   -GtkCheckButton-indicator-size: 16;
   -GtkCheckMenuItem-indicator-size: 16;
   -GtkScrolledWindow-scrollbar-spacing: 0;
   -GtkScrolledWindow-scrollbars-within-bevel: 1;
   -GtkToolItemGroup-expander-size: 11;
   -GtkExpander-expander-size: 16;
   -GtkTreeView-expander-size: 11;
   -GtkTreeView-horizontal-separator: 4;
   -GtkMenu-horizontal-padding: 0;
   -GtkMenu-vertical-padding: 0;
   -GtkWidget-link-color: #1998da;
   -GtkWidget-visited-link-color: #1478ac;
   -GtkWidget-focus-padding: 2;
   -GtkWidget-focus-line-width: 1;
   -GtkWidget-text-handle-width: 20;
   -GtkWidget-text-handle-height: 20;
   -GtkDialog-button-spacing: 4;
   -GtkDialog-action-area-border: 0;
   -GtkStatusbar-shadow-type: none;
   outline-width: 0px; }
 
 /***************
  * Base States *
  ***************/
 .background {
   color: #31363b;
   background-color: #eff0f1; }
   .background:backdrop {
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #31363b;
     background-color: #eff0f1; }
 
 /*
    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: #eff0f1;
   color: #31363b; }
   .gtkstyle-fallback:hover {
     background-color: white;
     color: #31363b; }
   .gtkstyle-fallback:active {
     background-color: #d4d7d9;
     color: #31363b; }
   .gtkstyle-fallback:disabled {
     background-color: #e6e7e8;
     color: #909396; }
   .gtkstyle-fallback:selected {
     background-color: #3daee9;
     color: #fcfcfc; }
 
 .view {
   color: #31363b;
   background-color: #fcfcfc; }
   .view:selected, calendar:selected {
     border-radius: 3px; }
   .view selection { }
 
 view.rubberband,
 rubberband,
 .view.rubberband,
 .rubberband {
   border: 1px solid #3daee9;
   background-color: rgba(61, 174, 233, 0.2); }
 
 .label.separator, placessidebar.sidebar .view .label.separator {
   color: #31363b; }
 .label:disabled {
   color: #909396; }
 
 .dim-label, .label.separator, placessidebar.sidebar .view .label.separator, .titlebar .subtitle,
 headerbar .subtitle {
   opacity: 0.55;
   text-shadow: none; }
 
 assistant .sidebar {
   background-color: #fcfcfc;
   border-top: 1px solid #bdc3c7; }
   assistant .sidebar:dir(ltr) {
     border-right: 1px solid #bdc3c7; }
   assistant .sidebar:dir(rtl) {
     border-left: 1px solid #bdc3c7; }
   assistant .sidebar:backdrop {
     background-color: white;
     border-color: #c2c8cb; }
 assistant.csd .sidebar {
   border-top-style: none; }
 assistant .sidebar .label {
   padding: 6px 12px; }
 assistant .sidebar .label.highlight {
   background-color: #c9cbcd; }
 
 textview {
   background-color: #f6f6f7; }
   textview text selection { }
 
 .grid-child {
   padding: 3px;
   border-radius: 3px; }
 
 popover.osd, .app-notification,
 .app-notification.frame, .osd {
   color: #31363b;
   border: 1px solid #eff0f1;
   background-color: rgba(252, 252, 252, 0.8);
   background-clip: padding-box;
   outline-color: rgba(49, 54, 59, 0.3);
   text-shadow: none;
   -gtk-icon-shadow: none; }
   popover.osd:backdrop, .app-notification:backdrop, .osd:backdrop {
     text-shadow: none; }
 
 /*********************
  * Spinner Animation *
  *********************/
 @keyframes spin {
   to {
     -gtk-icon-transform: rotate(1turn); } }
 .spinner {
   background-image: none;
   background-color: blue;
   opacity: 0;
   -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
   .spinner:active {
     opacity: 1;
     animation: spin 1s linear infinite; }
     .spinner:active:disabled {
       opacity: 0.5; }
 
 /****************
  * Text Entries *
  ****************/
 entry {
   border: 1px solid;
   padding: 5px 8px 6px;
   border-radius: 3px;
   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
   background-color: #fcfcfc;
   background-image: none;
   color: #31363b;
   border-color: #bdc3c7; }
   entry.image.left {
     padding-left: 0; }
   entry.image.right {
     padding-right: 0; }
   entry.flat, entry.flat:focus {
     padding: 2px;
     background-color: #fcfcfc;
     background-image: none;
     color: #31363b;
     border-color: #bdc3c7;
     border: none;
     border-radius: 0; }
   entry:focus {
     background-color: #fcfcfc;
     background-image: none;
     border-color: #3daee9; }
   entry:disabled {
     background-color: #fcfcfc;
     background-image: none;
     color: #909396;
     border-color: #bdc3c7;
     background-color: #e6e7e8;
     box-shadow: none; }
   entry selection,
   entry selection:focus {
     color: #fcfcfc;
     background-color: #3daee9;
   }
   entry progressbar {
     margin: 1px;
     border-radius: 0;
     border-width: 0 0 2px;
     border-color: #3daee9;
     border-style: solid;
     background-image: none;
     background-color: transparent;
     box-shadow: none; }
     entry progressbar:backdrop {
       background-color: transparent; }
   .linked > entry {
     border-radius: 0; }
     .linked > entry:first-child {
       border-top-left-radius: 3px;
       border-bottom-left-radius: 3px; }
       .linked > entry:first-child:dir(rtl) {
         border-right-style: none; }
     .linked > entry:last-child {
       border-top-right-radius: 3px;
       border-bottom-right-radius: 3px;
       border-left-style: none; }
       .linked > entry:last-child:dir(rtl) {
         border-left-style: solid; }
   entry.error {
     color: #ed1515;
     border-color: #ed1515; }
     entry.error:focus {
       background-color: #fcfcfc;
       background-image: none;
       border-color: #ed1515; }
     entry.error:selected, entry.error:selected:focus {
       background-color: #ed1515; }
   entry.warning {
     color: #f67400;
     border-color: #f67400; }
     entry.warning:focus {
       background-color: #fcfcfc;
       background-image: none;
       border-color: #f67400; }
     entry.warning:selected, entry.warning:selected:focus {
       background-color: #f67400; }
   entry.image {
     color: #5a5e62; }
     entry.image:hover {
       color: #31363b; }
     entry.image:active {
       color: #3daee9; }
     entry.image:backdrop {
       color: #cdced0; }
   .osd entry {
     background-color: #fcfcfc;
     background-image: none;
     color: #31363b;
     border-color: rgba(0, 0, 0, 0.7);
     background-color: rgba(252, 252, 252, 0.8);
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none; }
     .osd entry:focus {
       background-color: #fcfcfc;
       background-image: none;
       color: #31363b;
       border-color: #3daee9;
       background-color: rgba(252, 252, 252, 0.8);
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd entry:backdrop {
       background-color: #fcfcfc;
       background-image: none;
       color: #31363b;
       border-color: rgba(0, 0, 0, 0.7);
       background-color: rgba(0, 0, 0, 0.7);
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd entry:disabled {
       background-color: #fcfcfc;
       background-image: none;
       color: #97999c;
       border-color: rgba(0, 0, 0, 0.7);
       background-color: shade(#31363b, 0.3);
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
 
 .linked.vertical > entry:not(:last-child) {
   box-shadow: none; }
 .linked.vertical > entry:focus:not(:last-child) {
   box-shadow: inset 0 0 0 1px #3daee9; }
 .linked.vertical > entry:not(:disabled) + entry:not(:disabled) {
   border-top-color: #e9ebec;
   background-image: linear-gradient(to bottom, #fcfcfc); }
   .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop {
     border-top-color: #edefef;
     background-image: linear-gradient(to bottom, white); }
 .linked.vertical > entry + entry:focus:not(:last-child) {
   border-top-color: #3daee9;
   box-shadow: inset 0 0 0 1px #3daee9; }
 .linked.vertical > entry + entry:focus:last-child {
   border-top-color: #3daee9; }
 .linked.vertical > entry:focus:not(:only-child) + entry,
 .linked.vertical > entry:focus:not(:only-child) + button,
 .linked.vertical > entry:focus:not(:only-child) + combobox > button,
 .linked.vertical > entry:focus:not(:only-child) + comboboxText > button {
   border-top-color: #3daee9; }
 
 /***********
  * Buttons *
  ***********/
 @keyframes needs_attention {
   from {
     background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); }
   to {
     background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } }
 button, headerbar button.titlebutton,
 .titlebar button.titlebutton {
   border: 1px solid;
   border-radius: 3px;
   padding: 5px 8px 6px;
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   color: #31363b;
   border-color: #bdc3c7;
   background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
   button.flat, headerbar .titlebutton.button,
   .titlebar .titlebutton.button {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     transition: none; }
     button.flat:hover, headerbar .titlebutton.button:hover,
     .titlebar .titlebutton.button:hover {
       transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
       transition-duration: 500ms; }
       button.flat:hover:active, headerbar .titlebutton.button:hover:active,
       .titlebar .titlebutton.button:hover:active {
         transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   button:hover, headerbar button.titlebutton:hover,
   .titlebar button.titlebutton:hover {
     color: #31363b;
     border-color: #3daee9;
     background-image: linear-gradient(to bottom, #eff0f1, #eff0f1);
     -gtk-icon-effect: highlight; }
   button:active, headerbar button.titlebutton:active,
   .titlebar button.titlebutton:active, button:checked, headerbar button.titlebutton:checked,
   .titlebar button.titlebutton:checked {
     color: #fcfcfc;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8));
     transition-duration: 50ms; }
     button:active:hover, button:checked:hover {
       color: #31363b;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #96CDF1, #86B7D7); }
   button.flat:backdrop, headerbar .titlebutton.button:backdrop,
   .titlebar .titlebutton.button:backdrop, button.flat:disabled, headerbar .titlebutton.button:disabled,
   .titlebar .titlebutton.button:disabled, button.flat:backdrop:disabled, headerbar .titlebutton.button:backdrop:disabled,
   .titlebar .titlebutton.button:backdrop:disabled {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none; }
   button:disabled, headerbar button.titlebutton:disabled,
   .titlebar button.titlebutton:disabled {
     color: #909396;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #e6e7e8);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
     button:disabled > .label, headerbar button.titlebutton:disabled > .label,
     .titlebar button.titlebutton:disabled > .label {
       color: inherit; }
     button:disabled:active, button:disabled:checked {
       color: #909396;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #e2e3e5, #e6e7e8); }
       button:disabled:active > .label, headerbar button.titlebutton:disabled:active > .label,
       .titlebar button.titlebutton:disabled:active > .label, button:disabled:checked > .label, headerbar button.titlebutton:disabled:checked > .label,
       .titlebar button.titlebutton:disabled:checked > .label {
         color: inherit; }
   button.osd, headerbar .osd.button.titlebutton,
   .titlebar .osd.button.titlebutton {
     color: #31363b;
     border-radius: 5px;
     outline-color: rgba(49, 54, 59, 0.3);
     color: #31363b;
     border-color: #bdc3c7;
     background-image: none;
     background-color: #eff0f1;
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     font-weight: normal;
     border: none;
     box-shadow: none; }
     button.osd.image-button, headerbar .osd.titlebutton.button,
     .titlebar .osd.titlebutton.button {
       padding: 13px; }
     button.osd:hover {
       color: #31363b;
       border-color: #3daee9;
       background-image: none;
       background-clip: padding-box;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none;
       box-shadow: none; }
     button.osd:active, button.osd:checked {
       color: #fcfcfc;
       border-color: rgba(252, 252, 252, 0.8);
       background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none;
       box-shadow: none; }
     button.osd:disabled, button.osd:backdrop:disabled {
       color: #909396;
       border-color: #e6e7e8;
       background-image: none;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none; }
     button.osd:backdrop {
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       border: none; }
   .osd button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
   .osd .titlebar button.titlebutton,
   .titlebar .osd button.titlebutton {
     color: #31363b;
     border-color: #bdc3c7;
     background-image: none;
     background-color: #eff0f1;
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     font-weight: normal;
     border-radius: 3px;
     border-style: solid; }
     .osd button:dir(rtl) {
       border-radius: 3px; }
     .osd button:first-child {
       border-radius: 3px 3px 3px 3px; }
     .osd button:last-child {
       border-radius: 3px 3px 3px 3px; }
       .osd button:last-child:dir(rtl) {
         border-right-style: solid; }
     .osd button:only-child {
       border-radius: 3px;
       border-style: solid; }
     .osd button:hover {
       color: #31363b;
       border-color: #3daee9;
       background-image: none;
       background-clip: padding-box;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked {
       color: #fcfcfc;
       border-color: rgba(252, 252, 252, 0.8);
       background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button:disabled, .osd button:backdrop:disabled {
       color: #909396;
       border-color: #e6e7e8;
       background-image: none;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button:backdrop {
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .osd button.flat, .osd headerbar .titlebutton.button, headerbar .osd .titlebutton.button,
     .osd .titlebar .titlebutton.button,
     .titlebar .osd .titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal; }
       .osd button.flat:hover, .osd headerbar .titlebutton.button:hover, headerbar .osd .titlebutton.button:hover,
       .osd .titlebar .titlebutton.button:hover,
       .titlebar .osd .titlebutton.button:hover {
         color: #31363b;
         border-color: #3daee9;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none;
         background-clip: padding-box;
         box-shadow: none; }
       .osd button.flat:disabled, .osd headerbar .titlebutton.button:disabled, headerbar .osd .titlebutton.button:disabled,
       .osd .titlebar .titlebutton.button:disabled,
       .titlebar .osd .titlebutton.button:disabled {
         color: #909396;
         border-color: #e6e7e8;
         background-image: none;
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none;
         background-image: none;
         border-color: transparent;
         box-shadow: none; }
       .osd button.flat:backdrop, .osd headerbar .titlebutton.button:backdrop, headerbar .osd .titlebutton.button:backdrop,
       .osd .titlebar .titlebutton.button:backdrop,
       .titlebar .osd .titlebutton.button:backdrop {
         border-color: rgba(255, 255, 255, 0);
         background-color: transparent;
         background-image: none;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.flat:active, .osd headerbar .titlebutton.button:active, headerbar .osd .titlebutton.button:active,
       .osd .titlebar .titlebutton.button:active,
       .titlebar .osd .titlebutton.button:active, .osd button.flat:checked, .osd headerbar .titlebutton.button:checked, headerbar .osd .titlebutton.button:checked,
       .osd .titlebar .titlebutton.button:checked,
       .titlebar .osd .titlebutton.button:checked {
         color: #fcfcfc;
         border-color: rgba(252, 252, 252, 0.8);
         background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none;
         background-clip: padding-box;
         border-color: transparent;
         box-shadow: none; }
   button.suggested-action, headerbar .suggested-action.button.titlebutton,
   .titlebar .suggested-action.button.titlebutton {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #fcfcfc;
     border-color: #3daee9;
     background-image: linear-gradient(to bottom, #46b2ea, #3daee9); }
     button.suggested-action.flat, headerbar .suggested-action.titlebutton.button,
     .titlebar .suggested-action.titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: #3daee9; }
     button.suggested-action:hover {
       color: white;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #3daee9, #3daee9); }
     button.suggested-action:active, button.suggested-action:checked {
       color: white;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8)); }
     button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar .suggested-action.titlebutton.button:backdrop,
     .titlebar .suggested-action.titlebutton.button:backdrop {
       color: white;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #3daee9);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
       button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, headerbar .suggested-action.titlebutton.button:backdrop:active,
       .titlebar .suggested-action.titlebutton.button:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar .suggested-action.titlebutton.button:backdrop:checked,
       .titlebar .suggested-action.titlebutton.button:backdrop:checked {
         color: #d1eaf8;
         border-color: #1998da;
         background-image: linear-gradient(to bottom, #1998da);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
       button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar .suggested-action.titlebutton.button:backdrop:disabled,
       .titlebar .suggested-action.titlebutton.button:backdrop:disabled {
         color: #c6cacd;
         border-color: #c2c8cb;
         background-image: linear-gradient(to bottom, #e6e7e8);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         button.suggested-action:backdrop:disabled > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
         .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label, button.suggested-action.flat:backdrop:disabled > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled > .label,
         .titlebar .suggested-action.titlebutton.button:backdrop:disabled > .label {
           color: inherit; }
         button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, headerbar .suggested-action.titlebutton.button:backdrop:disabled:active,
         .titlebar .suggested-action.titlebutton.button:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar .suggested-action.titlebutton.button:backdrop:disabled:checked,
         .titlebar .suggested-action.titlebutton.button:backdrop:disabled:checked {
           color: #85ccf1;
           border-color: #43b0e9;
           background-image: linear-gradient(to bottom, #43b0e9); }
           button.suggested-action:backdrop:disabled:active > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled:active > .label,
           .titlebar .suggested-action.button.titlebutton:backdrop:disabled:active > .label, button.suggested-action:backdrop:disabled:checked > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled:checked > .label,
           .titlebar .suggested-action.button.titlebutton:backdrop:disabled:checked > .label, button.suggested-action.flat:backdrop:disabled:active > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled:active > .label,
           .titlebar .suggested-action.titlebutton.button:backdrop:disabled:active > .label, button.suggested-action.flat:backdrop:disabled:checked > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled:checked > .label,
           .titlebar .suggested-action.titlebutton.button:backdrop:disabled:checked > .label {
             color: inherit; }
     button.suggested-action.flat:backdrop, headerbar .suggested-action.titlebutton.button:backdrop,
     .titlebar .suggested-action.titlebutton.button:backdrop, button.suggested-action.flat:disabled, headerbar .suggested-action.titlebutton.button:disabled,
     .titlebar .suggested-action.titlebutton.button:disabled, button.suggested-action.flat:backdrop:disabled, headerbar .suggested-action.titlebutton.button:backdrop:disabled,
     .titlebar .suggested-action.titlebutton.button:backdrop:disabled {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: rgba(61, 174, 233, 0.8); }
     button.suggested-action:disabled {
       background-color: transparent;
       color: shade(#fcfcfc, 0.5); }
       button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
         background-color: transparent;
         color: shade(#fcfcfc, 0.5); }
     .osd button.suggested-action {
       color: #31363b;
       border-color: #bdc3c7;
       background-image: none;
       background-color: #eff0f1;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal; }
       .osd button.suggested-action:hover {
         color: #31363b;
         border-color: #3daee9;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked {
         color: #fcfcfc;
         border-color: rgba(252, 252, 252, 0.8);
         background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.suggested-action:disabled, .osd button.suggested-action:backdrop:disabled {
         color: #909396;
         border-color: #e6e7e8;
         background-image: none;
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.suggested-action:backdrop {
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
   button.destructive-action, headerbar .destructive-action.button.titlebutton,
   .titlebar .destructive-action.button.titlebutton {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #fcfcfc;
     border-color: #ef2929;
     background-image: linear-gradient(to bottom, #f03232, #ef2929); }
     button.destructive-action.flat, headerbar .destructive-action.titlebutton.button,
     .titlebar .destructive-action.titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: #ef2929; }
     button.destructive-action:hover {
       color: white;
       border-color: #ef2929;
       background-image: linear-gradient(to bottom, #ef2929, #ef2929); }
     button.destructive-action:active, button.destructive-action:checked {
       color: white;
       border-color: #ef2929;
       background-image: linear-gradient(to bottom, #ef2929, shade(#ef2929, 0.8)); }
     button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar .destructive-action.titlebutton.button:backdrop,
     .titlebar .destructive-action.titlebutton.button:backdrop {
       color: white;
       border-color: #ef2929;
       background-image: linear-gradient(to bottom, #ef2929);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
       button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, headerbar .destructive-action.titlebutton.button:backdrop:active,
       .titlebar .destructive-action.titlebutton.button:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar .destructive-action.titlebutton.button:backdrop:checked,
       .titlebar .destructive-action.titlebutton.button:backdrop:checked {
         color: #f7cfcf;
         border-color: #d51010;
         background-image: linear-gradient(to bottom, #d51010);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
       button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar .destructive-action.titlebutton.button:backdrop:disabled,
       .titlebar .destructive-action.titlebutton.button:backdrop:disabled {
         color: #c6cacd;
         border-color: #c2c8cb;
         background-image: linear-gradient(to bottom, #e6e7e8);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         button.destructive-action:backdrop:disabled > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled > .label,
         .titlebar .destructive-action.button.titlebutton:backdrop:disabled > .label, button.destructive-action.flat:backdrop:disabled > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled > .label,
         .titlebar .destructive-action.titlebutton.button:backdrop:disabled > .label {
           color: inherit; }
         button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, headerbar .destructive-action.titlebutton.button:backdrop:disabled:active,
         .titlebar .destructive-action.titlebutton.button:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar .destructive-action.titlebutton.button:backdrop:disabled:checked,
         .titlebar .destructive-action.titlebutton.button:backdrop:disabled:checked {
           color: #f57979;
           border-color: #ef3131;
           background-image: linear-gradient(to bottom, #ef3131); }
           button.destructive-action:backdrop:disabled:active > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled:active > .label,
           .titlebar .destructive-action.button.titlebutton:backdrop:disabled:active > .label, button.destructive-action:backdrop:disabled:checked > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled:checked > .label,
           .titlebar .destructive-action.button.titlebutton:backdrop:disabled:checked > .label, button.destructive-action.flat:backdrop:disabled:active > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled:active > .label,
           .titlebar .destructive-action.titlebutton.button:backdrop:disabled:active > .label, button.destructive-action.flat:backdrop:disabled:checked > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled:checked > .label,
           .titlebar .destructive-action.titlebutton.button:backdrop:disabled:checked > .label {
             color: inherit; }
     button.destructive-action.flat:backdrop, headerbar .destructive-action.titlebutton.button:backdrop,
     .titlebar .destructive-action.titlebutton.button:backdrop, button.destructive-action.flat:disabled, headerbar .destructive-action.titlebutton.button:disabled,
     .titlebar .destructive-action.titlebutton.button:disabled, button.destructive-action.flat:backdrop:disabled, headerbar .destructive-action.titlebutton.button:backdrop:disabled,
     .titlebar .destructive-action.titlebutton.button:backdrop:disabled {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: rgba(239, 41, 41, 0.8); }
     button.destructive-action:disabled {
       background-color: transparent;
       color: shade(#fcfcfc, 0.5); }
       button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
         background-color: transparent;
         color: shade(#fcfcfc, 0.5); }
     .osd button.destructive-action {
       color: #31363b;
       border-color: #bdc3c7;
       background-image: none;
       background-color: #eff0f1;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal; }
       .osd button.destructive-action:hover {
         color: #31363b;
         border-color: #3daee9;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked {
         color: #fcfcfc;
         border-color: rgba(252, 252, 252, 0.8);
         background-image: linear-gradient(to bottom, #ef2929, shade(#ef2929, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.destructive-action:disabled, .osd button.destructive-action:backdrop:disabled {
         color: #909396;
         border-color: #e6e7e8;
         background-image: none;
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd button.destructive-action:backdrop {
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
   button.image-button, headerbar .titlebutton.button,
   .titlebar .titlebutton.button {
     padding: 8px; }
   button.text-button, headerbar .text-button.button.titlebutton,
   .titlebar .text-button.button.titlebutton {
     padding-left: 16px;
     padding-right: 16px; }
   button.text-button.image-button, headerbar .text-button.titlebutton.button,
   .titlebar .text-button.titlebutton.button {
     padding: 5px 8px 6px; }
     button.text-button.image-button .label:first-child, headerbar .text-button.titlebutton.button .label:first-child,
     .titlebar .text-button.titlebutton.button .label:first-child {
       padding-left: 8px; }
     button.text-button.image-button .label:last-child, headerbar .text-button.titlebutton.button .label:last-child,
     .titlebar .text-button.titlebutton.button .label:last-child {
       padding-right: 8px; }
   .stack-switcher > button, headerbar .stack-switcher > button.titlebutton,
   .titlebar .stack-switcher > button.titlebutton {
     outline-offset: -3px; }
     .stack-switcher > button > .label {
       padding-left: 6px;
       padding-right: 6px; }
     .stack-switcher > button > image, headerbar .stack-switcher > button.titlebutton > image,
     .titlebar .stack-switcher > button.titlebutton > image {
       padding-left: 6px;
       padding-right: 6px;
       padding-top: 3px;
       padding-bottom: 3px; }
     .stack-switcher > button.text-button, headerbar .stack-switcher > .text-button.button.titlebutton,
     .titlebar .stack-switcher > .text-button.button.titlebutton {
       padding: 5px 10px 6px; }
     .stack-switcher > button.image-button, headerbar .stack-switcher > .titlebutton.button,
     .titlebar .stack-switcher > .titlebutton.button {
       padding: 5px 2px; }
     .stack-switcher > button.needs-attention:active > .label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > .label, .stack-switcher > button.needs-attention:checked > image {
       animation: none;
       background-image: none; }
   .inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
   .inline-toolbar .titlebar button.titlebutton,
   .titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop {
     border-radius: 2px;
     border-width: 1px; }
   .primary-toolbar button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton,
   .primary-toolbar .titlebar button.titlebutton,
   .titlebar .primary-toolbar button.titlebutton {
     -gtk-icon-shadow: none; }
 
 .stack-switcher > button.needs-attention > .label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > .label {
   animation: needs_attention 150ms ease-in;
   background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent));
   background-size: 6px 6px, 6px 6px;
   background-repeat: no-repeat;
   background-position: right 3px, right 4px; }
   .stack-switcher > button.needs-attention > .label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > .label:backdrop {
     background-size: 6px 6px, 0 0; }
   .stack-switcher > button.needs-attention > .label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
     background-position: left 3px, left 4px; }
 
 .inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton,
 .inline-toolbar .titlebar toolbutton > button.titlebutton,
 .titlebar .inline-toolbar toolbutton > button.titlebutton {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   color: #31363b;
   border-color: #bdc3c7;
   background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
   .inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:hover {
     color: #31363b;
     border-color: #3daee9;
     background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); }
   .inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton > button.titlebutton:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton > button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:checked {
     color: #fcfcfc;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8)); }
   .inline-toolbar toolbutton > button:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled {
     color: #909396;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #e6e7e8);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
     .inline-toolbar toolbutton > button:disabled > .label {
       color: inherit; }
   .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:active, .inline-toolbar toolbutton > button:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:checked {
     color: #909396;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #e2e3e5, #e6e7e8); }
     .inline-toolbar toolbutton > button:disabled:active > .label, .inline-toolbar toolbutton > button:disabled:checked > .label {
       color: inherit; }
   .inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop {
     color: #31363b;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #eff0f1);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
   .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked {
     color: #c0c2c4;
     border-color: #c2c8cb;
     background-image: linear-gradient(to bottom, #dfe2e4);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
   .inline-toolbar toolbutton > button:backdrop:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled {
     color: #c6cacd;
     border-color: #c2c8cb;
     background-image: linear-gradient(to bottom, #e6e7e8);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     .inline-toolbar toolbutton > button:backdrop:disabled > .label {
       color: inherit; }
   .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:active,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:checked,
   .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:checked {
     color: #c6cacd;
     border-color: #c2c8cb;
     background-image: linear-gradient(to bottom, #d9dadc); }
     .inline-toolbar toolbutton > button:backdrop:disabled:active > .label, .inline-toolbar toolbutton > button:backdrop:disabled:checked > .label {
       color: inherit; }
 
 .inline-toolbar toolbutton > button.flat:dir(rtl), .inline-toolbar headerbar toolbutton > button.titlebutton:dir(rtl), headerbar .inline-toolbar toolbutton > button.titlebutton:dir(rtl),
 .inline-toolbar .titlebar toolbutton > button.titlebutton:dir(rtl),
 .titlebar .inline-toolbar toolbutton > button.titlebutton:dir(rtl),
 .inline-toolbar toolbutton:backdrop > button.flat:dir(rtl), .inline-toolbar.toolbar toolbutton:dir(rtl) > button.flat, .inline-toolbar toolbutton:dir(rtl) > button.flat, .inline-toolbar.search-bar toolbutton:dir(rtl) > button.flat, .inline-toolbar.location-bar toolbutton:dir(rtl) > button.flat, .inline-toolbar headerbar toolbutton:dir(rtl) > button.titlebutton, headerbar .inline-toolbar toolbutton:dir(rtl) > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:dir(rtl) > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:dir(rtl) > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:dir(rtl) > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:dir(rtl) > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:dir(rtl) > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:dir(rtl) > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:dir(rtl) > button.titlebutton, .osd button:dir(rtl):hover, .osd button:dir(rtl):active, .osd button:dir(rtl):checked, .osd button:dir(rtl):disabled, .osd button:dir(rtl):backdrop, .osd button.suggested-action:dir(rtl), .osd button.destructive-action:dir(rtl), .inline-toolbar button:dir(rtl), .linked > button:dir(rtl), headerbar .linked > button.titlebutton:dir(rtl),
 .titlebar .linked > button.titlebutton:dir(rtl), combobox.combobox-entry entry:dir(rtl), combobox.combobox-entry button:dir(rtl), .linked > combobox > button:dir(rtl) {
   border-radius: 3px; }
 
 .osd button:first-child:hover, .osd button:first-child:active, .osd button:first-child:checked, .osd button:first-child:disabled, .osd button:first-child:backdrop, .osd button.suggested-action:first-child, .osd button.destructive-action:first-child, .inline-toolbar button:first-child, .linked > button:first-child, headerbar .linked > button.titlebutton:first-child,
 .titlebar .linked > button.titlebutton:first-child, .inline-toolbar.toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar.search-bar toolbutton:first-child > button.flat, .inline-toolbar.location-bar toolbutton:first-child > button.flat, .inline-toolbar headerbar toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:first-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:first-child > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:first-child > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.combobox-entry entry:first-child, combobox.combobox-entry button:first-child, .linked > combobox:first-child > button {
   border-radius: 3px 3px 3px 3px;
   border-left-style: solid; }
 .osd button:last-child:hover, .osd button:last-child:active, .osd button:last-child:checked, .osd button:last-child:disabled, .osd button:last-child:backdrop, .osd button.suggested-action:last-child, .osd button.destructive-action:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child,
 .titlebar .linked > button.titlebutton:last-child, .inline-toolbar.toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar.search-bar toolbutton:last-child > button.flat, .inline-toolbar.location-bar toolbutton:last-child > button.flat, .inline-toolbar headerbar toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:last-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:last-child > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:last-child > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, combobox.combobox-entry entry:last-child, combobox.combobox-entry button:last-child, .linked > combobox:last-child > button {
   border-radius: 3px 3px 3px 3px; }
   .osd button:last-child:dir(rtl):hover, .osd button:last-child:dir(rtl):active, .osd button:last-child:dir(rtl):checked, .osd button:last-child:dir(rtl):disabled, .osd button:last-child:dir(rtl):backdrop, .osd button.suggested-action:last-child:dir(rtl), .osd button.destructive-action:last-child:dir(rtl), .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), headerbar .linked > button.titlebutton:last-child:dir(rtl),
   .titlebar .linked > button.titlebutton:last-child:dir(rtl), .inline-toolbar toolbutton:last-child > button.flat:dir(rtl), .inline-toolbar headerbar toolbutton:last-child > button.titlebutton:dir(rtl), headerbar .inline-toolbar toolbutton:last-child > button.titlebutton:dir(rtl),
   .inline-toolbar .titlebar toolbutton:last-child > button.titlebutton:dir(rtl),
   .titlebar .inline-toolbar toolbutton:last-child > button.titlebutton:dir(rtl),
   .inline-toolbar toolbutton:backdrop:last-child > button.flat:dir(rtl), .inline-toolbar.toolbar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar.search-bar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar.location-bar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar headerbar toolbutton:last-child:dir(rtl) > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child:dir(rtl) > button.titlebutton,
   .inline-toolbar .titlebar toolbutton:last-child:dir(rtl) > button.titlebutton,
   .titlebar .inline-toolbar toolbutton:last-child:dir(rtl) > button.titlebutton,
   .inline-toolbar.toolbar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar.search-bar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar.location-bar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
   .inline-toolbar headerbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
   headerbar .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
   .inline-toolbar .titlebar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
   .titlebar .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton, combobox.combobox-entry entry:last-child:dir(rtl), combobox.combobox-entry button:last-child:dir(rtl), .linked > combobox:last-child > button:dir(rtl) {
     border-right-style: solid; }
 .osd button:only-child:hover, .osd button:only-child:active, .osd button:only-child:checked, .osd button:only-child:disabled, .osd button:only-child:backdrop, .osd button.suggested-action:only-child, .osd button.destructive-action:only-child, .inline-toolbar button:only-child, .linked > button:only-child, headerbar .linked > button.titlebutton:only-child,
 .titlebar .linked > button.titlebutton:only-child, .inline-toolbar.toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar.search-bar toolbutton:only-child > button.flat, .inline-toolbar.location-bar toolbutton:only-child > button.flat, .inline-toolbar headerbar toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:only-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:only-child > button.titlebutton,
 .inline-toolbar.toolbar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar.search-bar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar.location-bar toolbutton:backdrop:only-child > button.flat,
 .inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton,
 headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
 .inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton,
 .titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, combobox.combobox-entry entry:only-child, combobox.combobox-entry button:only-child, .linked > combobox:only-child > button {
   border-radius: 3px;
   border-style: solid; }
 
 .linked.vertical > entry, .linked.vertical > button, headerbar .linked.vertical > button.titlebutton,
 .titlebar .linked.vertical > button.titlebutton, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > comboboxText > button,
 .linked.vertical > combobox > button {
   border-left-style: solid;
   border-bottom-style: none;
   border-radius: 3px; }
 
 .linked.vertical > entry:first-child, .linked.vertical > button:first-child, headerbar .linked.vertical > button.titlebutton:first-child,
 .titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > comboboxText:first-child > button,
 .linked.vertical > combobox:first-child > button {
   border-radius: 3px 3px 3px 3px; }
 .linked.vertical > entry:last-child, .linked.vertical > button:last-child, headerbar .linked.vertical > button.titlebutton:last-child,
 .titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > comboboxText:last-child > button,
 .linked.vertical > combobox:last-child > button {
   border-radius: 3px 3px 3px 3px;
   border-style: solid; }
 .linked.vertical > entry:only-child, .linked.vertical > button:only-child, headerbar .linked.vertical > button.titlebutton:only-child,
 .titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > comboboxText:only-child > button,
 .linked.vertical > combobox:only-child > button {
   border-radius: 3px;
   border-style: solid; }
 
 menuitem.button.flat, headerbar menuitem.titlebutton.button,
 .titlebar menuitem.titlebutton.button, menuitem.button.flat:backdrop, menuitem.button.flat:backdrop:hover, headerbar menuitem.titlebutton.button:backdrop:hover,
 .titlebar menuitem.titlebutton.button:backdrop:hover, button:link, headerbar button.titlebutton:link,
 .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
 .titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link:backdrop, button:visited:backdrop, menu.button, headerbar menu.button.titlebutton,
 .titlebar menu.button.titlebutton, list-row.button, headerbar list-row.button.titlebutton,
 .titlebar list-row.button.titlebutton,
 list-row.button:backdrop,
 list-row.button:backdrop:active,
 list-row.button:backdrop:checked,
 list-row.button:backdrop:disabled,
 list-row.button:backdrop:disabled:active,
 list-row.button:backdrop:disabled:checked,
 list-row.button:disabled:active,
 list-row.button:disabled:checked, .app-notification button.flat, .app-notification headerbar .titlebutton.button, headerbar .app-notification .titlebutton.button,
 .app-notification .titlebar .titlebutton.button,
 .titlebar .app-notification .titlebutton.button,
 .app-notification.frame button.flat, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, .app-notification headerbar .titlebutton.button:backdrop:disabled, headerbar .app-notification .titlebutton.button:backdrop:disabled,
 .app-notification .titlebar .titlebutton.button:backdrop:disabled,
 .titlebar .app-notification .titlebutton.button:backdrop:disabled,
 .app-notification.frame button.flat:backdrop,
 .app-notification.frame headerbar button.titlebutton:backdrop,
 headerbar .app-notification.frame button.titlebutton:backdrop,
 .app-notification.frame .titlebar button.titlebutton:backdrop,
 .titlebar .app-notification.frame button.titlebutton:backdrop,
 .app-notification.frame button.flat:disabled,
 .app-notification.frame headerbar button.titlebutton:disabled,
 headerbar .app-notification.frame button.titlebutton:disabled,
 .app-notification.frame .titlebar button.titlebutton:disabled,
 .titlebar .app-notification.frame button.titlebutton:disabled,
 .app-notification.frame button.flat:backdrop:disabled, calendar.button, headerbar calendar.button.titlebutton,
 .titlebar calendar.button.titlebutton, calendar.button:hover, calendar.button:backdrop, scale-popup button:hover, scale-popup button:backdrop, scale-popup button:backdrop:hover, scale-popup button:backdrop:disabled {
   border-color: transparent;
   background-color: transparent;
   background-image: none;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
   text-shadow: none;
   -gtk-icon-shadow: none; }
 
 /* menu buttons */
 menuitem.button.flat, headerbar menuitem.titlebutton.button,
 .titlebar menuitem.titlebutton.button {
   outline-offset: -1px; }
   menuitem.button.flat:hover, headerbar menuitem.titlebutton.button:hover,
   .titlebar menuitem.titlebutton.button:hover {
     background-color: #dcdddf; }
 
 button.color, headerbar button.color.titlebutton,
 .titlebar button.color.titlebutton {
   padding: 5px; }
   button.color colorswatch:first-child:last-child {
     border-radius: 0;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
     button.color colorswatch:first-child:last-child:disabled, button.color colorswatch:first-child:last-child:backdrop {
       box-shadow: none; }
 
 /*********
  * Links *
  *********/
 *:link, button:link, headerbar button.titlebutton:link,
 .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
 .titlebar button.titlebutton:visited {
   color: #1998da; }
   *:link:visited, button:visited, headerbar button.titlebutton:visited,
   .titlebar button.titlebutton:visited {
     color: #1478ac; }
     *:selected *:link:visited, *:selected button:visited {
       color: #b0ddf4; }
   *:link:hover, button:hover:link, button:hover:visited {
     color: #3daee9; }
     *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited {
       color: #e9f4fa; }
   *:link:active, button:active:link, button:active:visited {
     color: #1998da; }
     *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
       color: #d6ecf8; }
   *:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link,
   headerbar.selection-mode .subtitle:backdrop:hover:link {
     color: #3daee9; }
   *:link:selected, button:selected:link, button:selected:visited, .titlebar.selection-mode .subtitle:link,
   headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
     color: #d6ecf8; }
 
 button:link, headerbar button.titlebutton:link,
 .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
 .titlebar button.titlebutton:visited {
   text-shadow: none; }
   button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked {
     text-shadow: none; }
 
 /*****************
  * GtkSpinButton *
  *****************/
 spinbutton button, spinbutton headerbar button.titlebutton, headerbar spinbutton button.titlebutton,
 spinbutton .titlebar button.titlebutton,
 .titlebar spinbutton button.titlebutton {
   background-image: none;
   border-style: none none none solid;
   border-color: rgba(189, 195, 199, 0.3);
   color: #454a4e;
   border-radius: 0;
   box-shadow: none; }
   spinbutton button:dir(rtl) {
     border-style: none solid none none; }
   spinbutton button:hover {
     color: #31363b;
     background-color: rgba(49, 54, 59, 0.05); }
   spinbutton button:disabled {
     color: rgba(144, 147, 150, 0.3); }
   spinbutton button:active {
     box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
     background-color: rgba(0, 0, 0, 0.1); }
   spinbutton button:backdrop {
     color: #c6c8ca;
     border-color: rgba(194, 200, 203, 0.3);
     background-color: transparent; }
   spinbutton button:backdrop:disabled {
     background-image: none;
     color: rgba(198, 202, 205, 0.3);
     border-style: none none none solid; }
     spinbutton button:backdrop:disabled:dir(rtl) {
       border-style: none solid none none; }
 .osd spinbutton button {
   border-color: rgba(255, 255, 255, 0);
   background-color: transparent;
   background-image: none;
   box-shadow: none;
   text-shadow: none;
   -gtk-icon-shadow: none;
   color: #31363b;
   border-style: none none none solid;
   border-color: rgba(0, 0, 0, 0.4);
   border-radius: 0;
   box-shadow: none;
   -gtk-icon-shadow: 0 1px black; }
   .osd spinbutton button:dir(rtl) {
     border-style: none solid none none; }
   .osd spinbutton button:hover {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #31363b;
     border-color: rgba(0, 0, 0, 0.5);
     background-color: rgba(49, 54, 59, 0.1);
     -gtk-icon-shadow: 0 1px black;
     box-shadow: none; }
   .osd spinbutton button:backdrop {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #31363b;
     border-color: rgba(0, 0, 0, 0.5);
     -gtk-icon-shadow: none;
     box-shadow: none; }
   .osd spinbutton button:disabled {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #97999c;
     border-color: rgba(0, 0, 0, 0.5);
     -gtk-icon-shadow: none;
     box-shadow: none; }
   .osd spinbutton button:last-child {
     border-radius: 0 3px 3px 0; }
   .osd spinbutton button:dir(rtl):first-child {
     border-radius: 3px 0 0 3px; }
 spinbutton.vertical button, spinbutton.vertical:dir(rtl) button {
   padding-top: 8px;
   padding-bottom: 8px; }
   spinbutton.vertical button:first-child, spinbutton.vertical:dir(rtl) button:first-child {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #31363b;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
     spinbutton.vertical button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:active {
       color: #fcfcfc;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8)); }
     spinbutton.vertical button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:hover {
       color: #31363b;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); }
     spinbutton.vertical button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:disabled {
       color: #909396;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #e6e7e8);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       spinbutton.vertical button:first-child:disabled > .label, spinbutton.vertical headerbar button.titlebutton:first-child:disabled > .label,
       spinbutton.vertical .titlebar button.titlebutton:first-child:disabled > .label, spinbutton.vertical:dir(rtl) button:first-child:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:first-child:disabled > .label,
       spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:first-child:disabled > .label {
         color: inherit; }
     spinbutton.vertical button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child:backdrop {
       color: #31363b;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #eff0f1);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   spinbutton.vertical button:last-child, spinbutton.vertical:dir(rtl) button:last-child {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #31363b;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
     spinbutton.vertical button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:active {
       color: #fcfcfc;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8)); }
     spinbutton.vertical button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:hover {
       color: #31363b;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); }
     spinbutton.vertical button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:disabled {
       color: #909396;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #e6e7e8);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
       spinbutton.vertical button:last-child:disabled > .label, spinbutton.vertical headerbar button.titlebutton:last-child:disabled > .label,
       spinbutton.vertical .titlebar button.titlebutton:last-child:disabled > .label, spinbutton.vertical:dir(rtl) button:last-child:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:last-child:disabled > .label,
       spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:last-child:disabled > .label {
         color: inherit; }
     spinbutton.vertical button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child:backdrop {
       color: #31363b;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #eff0f1);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
   spinbutton.vertical button:backdrop:disabled, spinbutton.vertical:dir(rtl) button:backdrop:disabled {
     color: #c6cacd;
     border-color: #c2c8cb;
     background-image: linear-gradient(to bottom, #e6e7e8);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     spinbutton.vertical button:backdrop:disabled > .label, spinbutton.vertical headerbar button.titlebutton:backdrop:disabled > .label,
     spinbutton.vertical .titlebar button.titlebutton:backdrop:disabled > .label, spinbutton.vertical:dir(rtl) button:backdrop:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:backdrop:disabled > .label,
     spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:backdrop:disabled > .label {
       color: inherit; }
 spinbutton.vertical.entry, spinbutton.vertical:dir(rtl).entry {
   border-radius: 0;
   padding-left: 3px;
   padding-right: 3px; }
 spinbutton.vertical button:first-child, spinbutton.vertical:dir(rtl) button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:hover, spinbutton.vertical button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:disabled, spinbutton.vertical button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child, spinbutton.vertical:dir(rtl) button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:backdrop {
   border-radius: 3px 3px 0 0;
   border-style: solid solid none solid; }
 spinbutton.vertical button:last-child, spinbutton.vertical:dir(rtl) button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:hover, spinbutton.vertical button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:disabled, spinbutton.vertical button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child, spinbutton.vertical:dir(rtl) button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:backdrop {
   border-radius: 0 0 3px 3px;
   border-style: none solid solid solid; }
 treeview spinbutton.entry, treeview spinbutton.entry:focus {
   padding: 1px;
   border-width: 1px 0;
   border-color: #3daee9;
   border-radius: 0;
   box-shadow: none; }
 
 /**************
  * ComboBoxes *
  **************/
 combobox {
   -combobox-arrow-scaling: 0.5;
   -combobox-shadow-type: none;
   box-shadow: 0 1px white; }
   combobox > button, headerbar combobox > button.titlebutton,
   .titlebar combobox > button.titlebutton {
     padding-top: 3px;
     padding-bottom: 4px; }
   combobox:disabled {
     color: #909396;
     text-shadow: none;
     -gtk-icon-shadow: none; }
   combobox:backdrop {
     color: #c0c2c4;
     text-shadow: none;
     -gtk-icon-shadow: none; }
   combobox:backdrop:disabled {
     color: #c6cacd; }
   combobox menuitem {
     text-shadow: none; }
   combobox .separator.vertical, combobox placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view combobox .vertical.separator {
     -GtkWidget-wide-separators: true; }
 
 /************
  * Toolbars *
  ************/
 .toolbar, .inline-toolbar, .search-bar, .location-bar {
   -GtkWidget-window-dragging: true;
   padding: 4px;
   background-color: #eff0f1; }
   .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar {
     padding: 13px;
     border: none;
     border-radius: 5px;
     background-color: rgba(252, 252, 252, 0.8); }
 
 .inline-toolbar {
   border-width: 0 1px 1px;
   padding: 3px;
   border-radius: 0  0 3px 3px; }
 
 .search-bar, .location-bar {
   border-width: 0 0 1px;
   padding: 3px; }
 
 .inline-toolbar, .search-bar, .location-bar {
   border-style: solid;
   border-color: #bdc3c7;
   text-shadow: none;
   background-color: #eff0f1; }
   .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop {
     border-color: #c2c8cb;
     background-color: #dfe2e4;
     box-shadow: none; }
 
 /***************
  * Header bars *
  ***************/
 .titlebar,
 headerbar {
   padding: 2px 6px;
   border-width: 0px 0px 2px 0px;
   border-style: solid;
   border-color: #3daee9;
   border-radius: 0;
   color: #fcfcfc;
   background-image: none;
   background-color: #475057;
   box-shadow: none; }
   .titlebar:backdrop,
   headerbar:backdrop {
     border-color: transparent;
     background-color: #eff0f1;
     background-image: none;
     box-shadow: none;
     color: #c0c2c4; }
   .titlebar .path-bar button,
   headerbar .path-bar button {
     color: #fcfcfc; }
   .titlebar button,
   .titlebar button.titlebutton,
   headerbar button,
   headerbar button.titlebutton {
     background-color: #475057;
     color: #fcfcfc;
     background-image: none;
     border-color: transparent;
     box-shadow: none; }
     .titlebar button.flat,
     .titlebar .titlebutton.button,
     headerbar button.flat,
     headerbar .titlebutton.button {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .titlebar button:hover,
     headerbar button:hover {
       border-color: #3daee9; }
     .titlebar button:active, .titlebar button:checked,
     headerbar button:active,
     headerbar button:checked {
       color: #fcfcfc;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8));
       border-color: #475057;
       box-shadow: none; }
       .titlebar button:active:hover, .titlebar button:checked:hover,
       headerbar button:active:hover,
       headerbar button:checked:hover {
         color: #31363b;
         border-color: #bdc3c7;
         background-image: linear-gradient(to bottom, #96CDF1, #86B7D7);
         border-color: #475057;
         box-shadow: none; }
       .titlebar button:active:backdrop, .titlebar button:checked:backdrop,
       headerbar button:active:backdrop,
       headerbar button:checked:backdrop {
         background-image: none;
         background-color: #eff0f1;
         border-color: #eff0f1; }
     .titlebar button.suggested-action,
     headerbar button.suggested-action {
       background-color: shade(#3daee9, 1.1); }
       .titlebar button.suggested-action:hover,
       headerbar button.suggested-action:hover {
         background-color: #3daee9; }
       .titlebar button.suggested-action:disabled,
       headerbar button.suggested-action:disabled {
         background-color: #475057;
         color: shade(#fcfcfc, 0.5); }
         .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked,
         headerbar button.suggested-action:disabled:active,
         headerbar button.suggested-action:disabled:checked {
           background-color: #475057;
           color: shade(#fcfcfc, 0.5); }
     .titlebar button:backdrop,
     headerbar button:backdrop {
       background-color: #eff0f1;
       color: #c0c2c4; }
     .titlebar button.flat:backdrop,
     .titlebar .titlebutton.button:backdrop, .titlebar button.flat:backdrop:disabled,
     .titlebar .titlebutton.button:backdrop:disabled, .titlebar button:disabled:backdrop,
     headerbar button.flat:backdrop,
     headerbar .titlebutton.button:backdrop,
     headerbar button.flat:backdrop:disabled,
     headerbar .titlebutton.button:backdrop:disabled,
     headerbar button:disabled:backdrop {
       background-image: none;
       background-color: #eff0f1;
       color: #c0c2c4; }
     .titlebar button.flat:disabled,
     .titlebar .titlebutton.button:disabled,
     headerbar button.flat:disabled,
     headerbar .titlebutton.button:disabled {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .titlebar button:disabled,
     headerbar button:disabled {
       background-color: #475057;
       color: shade(#fcfcfc, 0.5); }
       .titlebar button:disabled:active, .titlebar button:disabled:checked,
       headerbar button:disabled:active,
       headerbar button:disabled:checked {
         color: #40464b;
         border-color: #475057;
         background-image: linear-gradient(to bottom, #555c61, #565d62); }
         .titlebar button:disabled:active > .label, .titlebar headerbar button.titlebutton:disabled:active > .label, .titlebar button:disabled:checked > .label, .titlebar headerbar button.titlebutton:disabled:checked > .label,
         headerbar button:disabled:active > .label,
         headerbar .titlebar button.titlebutton:disabled:active > .label,
         headerbar button:disabled:checked > .label,
         headerbar .titlebar button.titlebutton:disabled:checked > .label {
           color: inherit; }
   .titlebar .title,
   headerbar .title {
     font-weight: normal;
     padding: 0px 12px; }
   .titlebar .subtitle,
   headerbar .subtitle {
     font-size: smaller;
     padding: 0 12px; }
   .titlebar .header-bar-separator, .titlebar > box > .separator.vertical,
   placessidebar.sidebar .view .titlebar > box > .vertical.separator:backdrop,
   headerbar .header-bar-separator,
   headerbar > box > .separator.vertical,
   placessidebar.sidebar .view headerbar > box > .vertical.separator:backdrop {
     -GtkWidget-wide-separators: true;
     -GtkWidget-separator-width: 1px;
     border-width: 0 1px;
     border-image: linear-gradient(to bottom, rgba(189, 195, 199, 0), #bdc3c7 30%, #bdc3c7 70%, rgba(189, 195, 199, 0) 100%) 0 1/0 1px stretch; }
     .titlebar .header-bar-separator:backdrop, .titlebar > box > .separator.vertical:backdrop,
     headerbar .header-bar-separator:backdrop,
     headerbar > box > .separator.vertical:backdrop {
       border-image: linear-gradient(to bottom, rgba(194, 200, 203, 0.5)) 0 1/1px 1px; }
   .titlebar.selection-mode,
   headerbar.selection-mode {
     color: #fcfcfc;
     text-shadow: none;
     border-color: #3daee9;
     background-image: none;
     background-color: #475057;
     box-shadow: none; }
     .titlebar.selection-mode:backdrop,
     headerbar.selection-mode:backdrop {
       background-image: none;
       background-color: #eff0f1;
       box-shadow: none; }
     .titlebar.selection-mode button,
     headerbar.selection-mode button {
       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
       color: #fcfcfc;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #46b2ea, #3daee9); }
       .titlebar.selection-mode button.flat,
       .titlebar.selection-mode .titlebutton.button,
       headerbar.selection-mode button.flat,
       headerbar.selection-mode .titlebutton.button {
         border-color: rgba(255, 255, 255, 0);
         background-color: transparent;
         background-image: none;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .titlebar.selection-mode button:hover,
       headerbar.selection-mode button:hover {
         color: #fcfcfc;
         border-color: #3daee9;
         background-image: linear-gradient(to bottom, #3daee9, #3daee9); }
       .titlebar.selection-mode button:active, .titlebar.selection-mode button:checked,
       headerbar.selection-mode button:active,
       headerbar.selection-mode button:checked {
         color: #fcfcfc;
         border-color: #3daee9;
         background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8)); }
       .titlebar.selection-mode button:backdrop, .titlebar.selection-mode button.flat:backdrop,
       .titlebar.selection-mode .titlebutton.button:backdrop,
       headerbar.selection-mode button:backdrop,
       headerbar.selection-mode button.flat:backdrop,
       headerbar.selection-mode .titlebutton.button:backdrop {
         color: #fcfcfc;
         border-color: #3daee9;
         background-image: linear-gradient(to bottom, #3daee9);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
         -gtk-icon-effect: none;
         border-color: #3daee9; }
         .titlebar.selection-mode button:backdrop:active, .titlebar.selection-mode button:backdrop:checked, .titlebar.selection-mode button.flat:backdrop:active,
         .titlebar.selection-mode .titlebutton.button:backdrop:active, .titlebar.selection-mode button.flat:backdrop:checked,
         .titlebar.selection-mode .titlebutton.button:backdrop:checked,
         headerbar.selection-mode button:backdrop:active,
         headerbar.selection-mode button:backdrop:checked,
         headerbar.selection-mode button.flat:backdrop:active,
         headerbar.selection-mode .titlebutton.button:backdrop:active,
         headerbar.selection-mode button.flat:backdrop:checked,
         headerbar.selection-mode .titlebutton.button:backdrop:checked {
           color: #cfe8f5;
           border-color: #1998da;
           background-image: linear-gradient(to bottom, #1998da);
           box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
           border-color: #3daee9; }
         .titlebar.selection-mode button:backdrop:disabled, .titlebar.selection-mode button.flat:backdrop:disabled,
         .titlebar.selection-mode .titlebutton.button:backdrop:disabled,
         headerbar.selection-mode button:backdrop:disabled,
         headerbar.selection-mode button.flat:backdrop:disabled,
         headerbar.selection-mode .titlebutton.button:backdrop:disabled {
           color: #93d1f2;
           border-color: #5abaec;
           background-image: linear-gradient(to bottom, #5abaec);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0);
           border-color: #3daee9; }
           .titlebar.selection-mode button:backdrop:disabled > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled > .label, .titlebar.selection-mode button.flat:backdrop:disabled > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled > .label,
           .titlebar.selection-mode .titlebutton.button:backdrop:disabled > .label,
           headerbar.selection-mode button:backdrop:disabled > .label,
           headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled > .label,
           headerbar.selection-mode button.flat:backdrop:disabled > .label,
           headerbar.selection-mode .titlebutton.button:backdrop:disabled > .label,
           headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled > .label {
             color: inherit; }
         .titlebar.selection-mode button:backdrop:disabled:active, .titlebar.selection-mode button:backdrop:disabled:checked, .titlebar.selection-mode button.flat:backdrop:disabled:active,
         .titlebar.selection-mode .titlebutton.button:backdrop:disabled:active, .titlebar.selection-mode button.flat:backdrop:disabled:checked,
         .titlebar.selection-mode .titlebutton.button:backdrop:disabled:checked,
         headerbar.selection-mode button:backdrop:disabled:active,
         headerbar.selection-mode button:backdrop:disabled:checked,
         headerbar.selection-mode button.flat:backdrop:disabled:active,
         headerbar.selection-mode .titlebutton.button:backdrop:disabled:active,
         headerbar.selection-mode button.flat:backdrop:disabled:checked,
         headerbar.selection-mode .titlebutton.button:backdrop:disabled:checked {
           color: #84cbf0;
           border-color: #43b0e9;
           background-image: linear-gradient(to bottom, #43b0e9);
           border-color: #3daee9; }
           .titlebar.selection-mode button:backdrop:disabled:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled:active > .label, .titlebar.selection-mode button:backdrop:disabled:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled:checked > .label, .titlebar.selection-mode button.flat:backdrop:disabled:active > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled:active > .label,
           .titlebar.selection-mode .titlebutton.button:backdrop:disabled:active > .label, .titlebar.selection-mode button.flat:backdrop:disabled:checked > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled:checked > .label,
           .titlebar.selection-mode .titlebutton.button:backdrop:disabled:checked > .label,
           headerbar.selection-mode button:backdrop:disabled:active > .label,
           headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled:active > .label,
           headerbar.selection-mode button:backdrop:disabled:checked > .label,
           headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled:checked > .label,
           headerbar.selection-mode button.flat:backdrop:disabled:active > .label,
           headerbar.selection-mode .titlebutton.button:backdrop:disabled:active > .label,
           headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled:active > .label,
           headerbar.selection-mode button.flat:backdrop:disabled:checked > .label,
           headerbar.selection-mode .titlebutton.button:backdrop:disabled:checked > .label,
           headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled:checked > .label {
             color: inherit; }
       .titlebar.selection-mode button.flat:backdrop,
       .titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode button.flat:disabled,
       .titlebar.selection-mode .titlebutton.button:disabled, .titlebar.selection-mode button.flat:disabled:backdrop,
       .titlebar.selection-mode .titlebutton.button:disabled:backdrop,
       headerbar.selection-mode button.flat:backdrop,
       headerbar.selection-mode .titlebutton.button:backdrop,
       headerbar.selection-mode button.flat:disabled,
       headerbar.selection-mode .titlebutton.button:disabled,
       headerbar.selection-mode button.flat:disabled:backdrop,
       headerbar.selection-mode .titlebutton.button:disabled:backdrop {
         border-color: rgba(255, 255, 255, 0);
         background-color: transparent;
         background-image: none;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .titlebar.selection-mode button:disabled,
       headerbar.selection-mode button:disabled {
         color: #abdbf4;
         border-color: #3daee9;
         background-image: linear-gradient(to bottom, #5abaec);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
         .titlebar.selection-mode button:disabled > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled > .label,
         headerbar.selection-mode button:disabled > .label,
         headerbar.selection-mode .titlebar button.titlebutton:disabled > .label {
           color: inherit; }
         .titlebar.selection-mode button:disabled:active, .titlebar.selection-mode button:disabled:checked,
         headerbar.selection-mode button:disabled:active,
         headerbar.selection-mode button:disabled:checked {
           color: #b2def4;
           border-color: #3daee9;
           background-image: linear-gradient(to bottom, #42b0e9, #43b0e9); }
           .titlebar.selection-mode button:disabled:active > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled:active > .label, .titlebar.selection-mode button:disabled:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled:checked > .label,
           headerbar.selection-mode button:disabled:active > .label,
           headerbar.selection-mode .titlebar button.titlebutton:disabled:active > .label,
           headerbar.selection-mode button:disabled:checked > .label,
           headerbar.selection-mode .titlebar button.titlebutton:disabled:checked > .label {
             color: inherit; }
       .titlebar.selection-mode button.suggested-action,
       headerbar.selection-mode button.suggested-action {
         box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
         color: #31363b;
         border-color: #bdc3c7;
         background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1);
         border-color: #3daee9; }
         .titlebar.selection-mode button.suggested-action:hover,
         headerbar.selection-mode button.suggested-action:hover {
           color: #31363b;
           border-color: #3daee9;
           background-image: linear-gradient(to bottom, #eff0f1, #eff0f1);
           border-color: #3daee9; }
         .titlebar.selection-mode button.suggested-action:active,
         headerbar.selection-mode button.suggested-action:active {
           color: #fcfcfc;
           border-color: #bdc3c7;
           background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8));
           border-color: #3daee9; }
         .titlebar.selection-mode button.suggested-action:disabled,
         headerbar.selection-mode button.suggested-action:disabled {
           color: #909396;
           border-color: #bdc3c7;
           background-image: linear-gradient(to bottom, #e6e7e8);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white;
           border-color: #3daee9; }
           .titlebar.selection-mode button.suggested-action:disabled > .label, .titlebar.selection-mode headerbar .suggested-action.button.titlebutton:disabled > .label,
           headerbar.selection-mode button.suggested-action:disabled > .label,
           headerbar.selection-mode .titlebar .suggested-action.button.titlebutton:disabled > .label {
             color: inherit; }
         .titlebar.selection-mode button.suggested-action:backdrop,
         headerbar.selection-mode button.suggested-action:backdrop {
           color: #31363b;
           border-color: #bdc3c7;
           background-image: linear-gradient(to bottom, #eff0f1);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
           border-color: #3daee9; }
         .titlebar.selection-mode button.suggested-action:backdrop:disabled,
         headerbar.selection-mode button.suggested-action:backdrop:disabled {
           color: #c6cacd;
           border-color: #c2c8cb;
           background-image: linear-gradient(to bottom, #e6e7e8);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0);
           border-color: #3daee9; }
           .titlebar.selection-mode button.suggested-action:backdrop:disabled > .label, .titlebar.selection-mode headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
           headerbar.selection-mode button.suggested-action:backdrop:disabled > .label,
           headerbar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label {
             color: inherit; }
     .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop,
     headerbar.selection-mode .selection-menu,
     headerbar.selection-mode .selection-menu:backdrop {
       border-color: rgba(61, 174, 233, 0);
       background-image: linear-gradient(to bottom, rgba(61, 174, 233, 0));
       box-shadow: none;
       padding-left: 10px;
       padding-right: 10px; }
       .titlebar.selection-mode .selection-menu arrow, .titlebar.selection-mode .selection-menu:backdrop arrow,
       headerbar.selection-mode .selection-menu arrow,
       headerbar.selection-mode .selection-menu:backdrop arrow {
         -arrow-arrow-scaling: 1; }
       .titlebar.selection-mode .selection-menu .arrow,
       headerbar.selection-mode .selection-menu .arrow {
         -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
         color: rgba(252, 252, 252, 0.5);
         -gtk-icon-shadow: none; }
   .tiled .titlebar, .maximized .titlebar, .tiled
   headerbar, .maximized
   headerbar {
     border-radius: 0; }
   .titlebar.default-decoration,
   headerbar.default-decoration {
     padding: 4px; }
     .titlebar.default-decoration button,
     headerbar.default-decoration button {
       padding: 5px; }
 
 /************
  * Pathbars *
  ************/
 .path-bar button, .path-bar headerbar button.titlebutton, headerbar .path-bar button.titlebutton,
 .path-bar .titlebar button.titlebutton,
 .titlebar .path-bar button.titlebutton {
   padding: 5px 6px 6px;
   border-color: rgba(255, 255, 255, 0);
   background-color: transparent;
   background-image: none;
   box-shadow: none;
   text-shadow: none;
   -gtk-icon-shadow: none;
   color: #31363b; }
   .path-bar button:hover {
     border-color: #3daee9; }
   .path-bar button:active, .path-bar button:checked {
     background-color: #bdc3c7; }
   .path-bar button:first-child {
     padding-left: 8px; }
   .path-bar button:last-child {
     padding-right: 8px; }
   .path-bar button:only-child {
     padding-left: 12px;
     padding-right: 12px; }
   .path-bar button .label:last-child {
     padding-left: 2px; }
   .path-bar button .label:first-child {
     padding-right: 2px; }
   .path-bar button .label:only-child {
     padding-right: 0;
     padding-left: 0; }
   .path-bar button image, .path-bar headerbar button.titlebutton image, headerbar .path-bar button.titlebutton image,
   .path-bar .titlebar button.titlebutton image,
   .titlebar .path-bar button.titlebutton image {
     padding-top: 1px; }
 
 /**************
  * Tree Views *
  **************/
 treeview.view {
   -GtkTreeView-grid-line-width: 1;
   -GtkTreeView-grid-line-pattern: '';
   -GtkTreeView-tree-line-width: 1;
   -GtkTreeView-tree-line-pattern: '';
   -GtkTreeView-expander-size: 16;
   border-left-color: #97999c;
   border-top-color: #eff0f1; }
   treeview.view:selected {
     border-radius: 0; }
   treeview.view:selected, treeview.view:backdrop:selected {
     border-left-color: #9dd5f3;
     border-top-color: rgba(49, 54, 59, 0.1); }
   treeview.view:disabled {
     color: #909396; }
     treeview.view:disabled:selected {
       color: #89cdf1; }
       treeview.view:disabled:selected:backdrop {
         color: #76c5ef; }
     treeview.view:disabled:backdrop {
       color: #c6cacd; }
   treeview.view.separator:backdrop {
     color: rgba(0, 0, 0, 0.1); }
   treeview.view:backdrop {
     border-left-color: #d8d9db;
     border-top: #eff0f1; }
   treeview.view.dnd {
     border-style: solid none;
     border-width: 1px;
     border-color: #377292; }
   treeview.view.expander {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
     color: #6e7175; }
     treeview.view.expander:dir(rtl) {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
     treeview.view.expander:hover {
       color: #31363b; }
     treeview.view.expander:selected {
       color: #c3e5f6; }
       treeview.view.expander:selected:hover {
         color: #fcfcfc; }
       treeview.view.expander:selected:backdrop {
         color: #c3e5f6; }
     treeview.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
     treeview.view.expander:backdrop {
       color: #d3d4d6; }
   treeview.view.progressbar {
     color: #fcfcfc;
     border: 1px solid #3daee9;
     border-radius: 4px;
     background-image: linear-gradient(to bottom, #3daee9, #1998da);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
     treeview.view.progressbar:selected {
       color: #3daee9;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #fcfcfc, #e3e3e3); }
       treeview.view.progressbar:selected:backdrop {
         color: #3daee9;
         border-color: #3daee9;
         background-color: white; }
     treeview.view.progressbar:backdrop {
       color: white;
       background-image: none;
       box-shadow: none; }
   treeview.view.trough {
     background-color: rgba(49, 54, 59, 0.1);
     border-radius: 4px; }
     treeview.view.trough:selected {
       background-color: rgba(252, 252, 252, 0.3);
       border-width: 1px 0;
       border-style: solid;
       border-color: #3daee9; }
 
 column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
 column-header .titlebar button.titlebutton,
 .titlebar column-header button.titlebutton {
   color: #97999c;
   background-color: #fcfcfc;
   font-weight: bold;
   text-shadow: none;
   box-shadow: none; }
   column-header button:hover, column-header headerbar button.titlebutton:hover, headerbar column-header button.titlebutton:hover,
   column-header .titlebar button.titlebutton:hover,
   .titlebar column-header button.titlebutton:hover {
     color: #64686c;
     box-shadow: none;
     transition: none; }
   column-header button:active, column-header headerbar button.titlebutton:active, headerbar column-header button.titlebutton:active,
   column-header .titlebar button.titlebutton:active,
   .titlebar column-header button.titlebutton:active {
     color: #31363b;
     transition: none; }
 column-header:last-child button, column-header:last-child headerbar button.titlebutton, headerbar column-header:last-child button.titlebutton,
 column-header:last-child .titlebar button.titlebutton,
 .titlebar column-header:last-child button.titlebutton, column-header:last-child button:backdrop, column-header:last-child.button, headerbar column-header.button.titlebutton:last-child,
 .titlebar column-header.button.titlebutton:last-child, column-header:last-child.button:backdrop {
   border-right-style: none; }
 
 column-header.button.dnd, column-header button.dnd, column-header headerbar .dnd.button.titlebutton, headerbar column-header .dnd.button.titlebutton,
 column-header .titlebar .dnd.button.titlebutton,
 .titlebar column-header .dnd.button.titlebutton, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover, headerbar column-header.dnd.button.titlebutton,
 .titlebar column-header.dnd.button.titlebutton {
   transition: none;
   color: #3daee9;
   box-shadow: inset 1px 1px 0 1px #3daee9, inset -1px 0 0 1px #3daee9, inset 1px 1px #fcfcfc, inset -1px 0 #fcfcfc; }
 
 column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
 column-header .titlebar button.titlebutton,
 .titlebar column-header button.titlebutton, column-header button:hover, column-header button:active {
   padding: 3px 6px;
   border-style: none solid solid none;
   border-radius: 0;
   background-image: none;
   border-color: #eff0f1;
   text-shadow: none; }
   column-header button:disabled, column-header headerbar button.titlebutton:disabled, headerbar column-header button.titlebutton:disabled,
   column-header .titlebar button.titlebutton:disabled,
   .titlebar column-header button.titlebutton:disabled {
     border-color: #eff0f1;
     background-image: none; }
   column-header button:backdrop, column-header headerbar button.titlebutton:backdrop, headerbar column-header button.titlebutton:backdrop,
   column-header .titlebar button.titlebutton:backdrop,
   .titlebar column-header button.titlebutton:backdrop {
     border-color: #eff0f1;
     border-style: none solid solid none;
     color: #d8d9db;
     background-image: none;
     background-color: white; }
     column-header button:backdrop:disabled {
       border-color: #eff0f1;
       background-image: none; }
 
 /*********
  * Menus *
  *********/
 menubar {
   -GtkWidget-window-dragging: true;
   padding: 2px;
   box-shadow: none; }
   menubar:backdrop {
     background-color: #eff0f1; }
   menubar > menuitem {
     padding: 4px 8px; }
     menubar > menuitem:hover {
       background-color: #3daee9;
       color: #fcfcfc; }
     menubar > menuitem:disabled {
       color: #909396;
       box-shadow: none; }
 
 menu {
   padding: 0px;
   background-color: #eff0f1;
   border: 1px solid #bdc3c7;
   border-radius: 3px; }
   .csd menu {
     border: 1px solid #bdc3c7; }
   menu menuitem {
     text-shadow: none;
     padding: 6px 6px; }
     menu menuitem:hover {
       color: #fcfcfc;
       background-color: #3daee9;
       background-clip: padding-box;
       border-style: solid;
       border-width: 0px 1px 0px 1px;
       border-color: #1998da; }
       menu menuitem:hover:first-child {
         border-radius: 3px 3px 0px 0px;
         border-width: 1px 1px 0px 1px; }
       menu menuitem:hover:last-child {
         border-radius: 0px 0px 3px 3px;
         border-width: 0px 1px 1px 1px; }
     menu menuitem:disabled, menu menuitem *:disabled {
       color: #909396; }
       menu menuitem:disabled:backdrop, menu menuitem *:disabled:backdrop {
         color: #c6cacd; }
     menu menuitem:backdrop, menu menuitem:backdrop:hover {
       color: #31363b;
       background-color: #eff0f1; }
     menu menuitem arrow {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
     menu menuitem arrow:dir(rtl) {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
   menu.button, headerbar menu.button.titlebutton,
   .titlebar menu.button.titlebutton {
     border-style: none;
     border-radius: 0; }
     menu.button.top {
       border-bottom: 1px solid #e8e8e9; }
     menu.button.bottom {
       border-top: 1px solid #e8e8e9; }
     menu.button:hover {
       background-color: #e8e8e9; }
     menu.button:disabled {
       color: transparent;
       background-color: transparent;
       border-color: transparent; }
 
 menuitem .accelerator {
   color: alpha(currentColor,0.55); }
 
 /***************
  * Popovers   *
  ***************/
 popover {
   padding: 2px;
   border: 1px solid #bdc3c7;
   border-radius: 2px;
   background-color: #eff0f1;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
   popover:backdrop {
     box-shadow: none; }
   popover > list,
   popover > .view,
   popover > .toolbar,
   popover > .inline-toolbar,
   popover > .search-bar,
   popover > .location-bar, popover.osd > .toolbar, popover.osd > .inline-toolbar, popover.osd > .search-bar, popover.osd > .location-bar {
     border-style: none;
     background-color: transparent; }
   popover button.flat, popover headerbar .titlebutton.button, headerbar popover .titlebutton.button,
   popover .titlebar .titlebutton.button,
   .titlebar popover .titlebutton.button {
     color: #31363b; }
   popover button.flat:hover, popover headerbar .titlebutton.button:hover, headerbar popover .titlebutton.button:hover,
   popover .titlebar .titlebutton.button:hover,
   .titlebar popover .titlebutton.button:hover {
     background-color: rgba(61, 174, 233, 0.2);
     color: #31363b;
     text-shadow: none;
     transition: none; }
 
 entry.cursor-handle,
 .cursor-handle {
   background-color: transparent;
   background-image: none;
   box-shadow: none;
   border-style: none; }
   entry.cursor-handle.top,
   .cursor-handle.top {
     -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
   entry.cursor-handle.bottom,
   .cursor-handle.bottom {
     -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
 
 /*****************
  * Notebooks and *
  * Tabs          *
  *****************/
 notebook {
   background-color: #eff0f1;
   -GtkNotebook-initial-gap: 0;
   -GtkNotebook-arrow-spacing: 5;
   -GtkNotebook-tab-curvature: 0;
   -GtkNotebook-tab-overlap: 0;
   -GtkNotebook-has-tab-gap: false;
   -GtkWidget-focus-padding: 0;
   -GtkWidget-focus-line-width: 0;
   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   notebook.frame {
     border: 1px solid #bdc3c7; }
     notebook.frame.top {
       border-top-width: 0; }
     notebook.frame.bottom {
       border-bottom-width: 0; }
     notebook.frame.right {
       border-right-width: 0; }
     notebook.frame.left {
       border-left-width: 0; }
   notebook.header {
     background-color: #eff0f1;
     padding-top: 4px; }
     notebook.header.frame {
       border-style: solid;
       border-color: #bdc3c7; }
       notebook.header.frame.top {
         border-width: 0px; }
       notebook.header.frame.bottom {
         border-width: 0px; }
       notebook.header.frame.right {
         border-width: 0px; }
       notebook.header.frame.left {
         border-width: 0px; }
       notebook.header.frame:backdrop {
         border-color: #bdc3c7; }
     notebook.header.top {
       box-shadow: inset 0 -1px #bdc3c7; }
     notebook.header.bottom {
       box-shadow: inset 0 1px #bdc3c7; }
     notebook.header.right {
       box-shadow: inset 1px 0 #bdc3c7; }
     notebook.header.left {
       box-shadow: inset -1px 0 #bdc3c7; }
   notebook tab {
     border-width: 1px;
     border-style: solid;
     border-color: shade(#bdc3c7, 1.1);
     background-color: shade(#bdc3c7, 1.1);
     outline-offset: 0;
     /* works for testnotebookdnd, but there's a superfluous border
        in gedit or web, commented out for now, needs gtk fixes
     &.reorderable-page {
       &.top {
         padding-top: ($vt_vpadding - 1px);
         border-top-width: 1px;
         border-left-width: 1px;
         border-right-width: 1px;
       }
       &.bottom {
         padding-bottom: ($vt_vpadding - 1px);
         border-bottom-width: 1px;
         border-left-width: 1px;
         border-right-width: 1px;
       }
       &.left {
         padding-left: ($ht_hpadding - 1px);
         border-left-width: 1px;
         border-top-width: 1px;
         border-bottom-width: 1px;
       }
       &.right {
         padding-right: ($ht_hpadding - 1px);
         border-right-width: 1px;
         border-top-width: 1px;
         border-bottom-width: 1px;
       }
     }
     */ }
     notebook tab.top, notebook tab.bottom {
       padding: 6px 8px; }
     notebook tab.left, notebook tab.right {
       padding: 6px 8px; }
     notebook tab.reorderable-page {
       background-color: #eff0f1; }
       notebook tab.reorderable-page.top, notebook tab.reorderable-page.bottom {
         padding-left: 12px;
         padding-right: 6px;
         padding-bottom: 8px; }
     notebook tab.top {
       border-radius: 3px 3px 0px 0px; }
       notebook tab.top:active, notebook tab.top.active-page, notebook tab.top:backdrop:active {
         border-color: #bdc3c7;
         border-bottom-color: #eff0f1;
         background-color: #eff0f1; }
         notebook tab.top:active:hover, notebook tab.top:active.prelight-page, notebook tab.top.active-page:hover, notebook tab.top.active-page.prelight-page, notebook tab.top:backdrop:active:hover, notebook tab.top:backdrop:active.prelight-page {
           border-color: #bdc3c7;
           border-bottom-color: #eff0f1; }
     notebook tab.bottom {
       border-radius: 0px 0px 3px 3px; }
       notebook tab.bottom:active, notebook tab.bottom.active-page, notebook tab.bottom:backdrop:active {
         border-color: #bdc3c7;
         border-top-color: #eff0f1;
         background-color: #eff0f1; }
         notebook tab.bottom:active:hover, notebook tab.bottom:active.prelight-page, notebook tab.bottom.active-page:hover, notebook tab.bottom.active-page.prelight-page, notebook tab.bottom:backdrop:active:hover, notebook tab.bottom:backdrop:active.prelight-page {
           border-color: #bdc3c7;
           border-top-color: #eff0f1; }
     notebook tab.left {
       border-radius: 3px 0px 0px 3px; }
       notebook tab.left:active, notebook tab.left.active-page, notebook tab.left:backdrop:active {
         border-color: #bdc3c7;
         border-right-color: #eff0f1;
         background-color: #eff0f1; }
         notebook tab.left:active:hover, notebook tab.left:active.prelight-page, notebook tab.left.active-page:hover, notebook tab.left.active-page.prelight-page, notebook tab.left:backdrop:active:hover, notebook tab.left:backdrop:active.prelight-page {
           border-color: #bdc3c7;
           border-right-color: #eff0f1; }
     notebook tab.right {
       border-radius: 0px 3px 3px 0px; }
       notebook tab.right:active, notebook tab.right.active-page, notebook tab.right:backdrop:active {
         border-color: #bdc3c7;
         border-left-color: #eff0f1;
         background-color: #eff0f1; }
         notebook tab.right:active:hover, notebook tab.right:active.prelight-page, notebook tab.right.active-page:hover, notebook tab.right.active-page.prelight-page, notebook tab.right:backdrop:active:hover, notebook tab.right:backdrop:active.prelight-page {
           border-color: #bdc3c7;
           border-left-color: #eff0f1; }
     notebook tab:hover, notebook tab.prelight-page {
       background-color: rgba(147, 206, 233, 0.2);
       border-color: rgba(147, 206, 233, 0.2); }
     notebook tab.reorderable-page.top {
       border-width: 3px;
       border-style: solid;
       border-color: #eff0f1;
       background-color: #eff0f1;
       border-right-width: 1px;
       border-right-color: #bdc3c7;
       box-shadow: inset -3px 0px 0px 0px #eff0f1; }
       notebook tab.reorderable-page.top:hover, notebook tab.reorderable-page.top.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.3), inset -3px 0px 0px 0px #eff0f1; }
       notebook tab.reorderable-page.top:active, notebook tab.reorderable-page.top.active-page {
         box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; }
         notebook tab.reorderable-page.top:active:hover, notebook tab.reorderable-page.top.active-page:hover {
           background-color: #eff0f1;
           border-color: #eff0f1;
           border-right-color: #bdc3c7; }
         notebook tab.reorderable-page.top:active:backdrop, notebook tab.reorderable-page.top.active-page:backdrop {
           background-color: #eff0f1;
           border-color: #eff0f1;
           border-right-color: #bdc3c7; }
       notebook tab.reorderable-page.top:backdrop {
         background-color: #eff0f1;
         border-color: #eff0f1;
         border-right-color: #bdc3c7; }
     notebook tab.reorderable-page.bottom {
       border-width: 3px;
       border-style: solid;
       border-color: #eff0f1;
       background-color: #eff0f1;
       border-right-width: 1px;
       border-right-color: #bdc3c7;
       box-shadow: inset -3px 0px 0px 0px #eff0f1; }
       notebook tab.reorderable-page.bottom:hover, notebook tab.reorderable-page.bottom.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.3), inset -3px 0px 0px 0px #eff0f1; }
       notebook tab.reorderable-page.bottom:active, notebook tab.reorderable-page.bottom.active-page {
         box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; }
         notebook tab.reorderable-page.bottom:active:hover, notebook tab.reorderable-page.bottom.active-page:hover {
           background-color: #eff0f1;
           border-color: #eff0f1;
           border-right-color: #bdc3c7; }
         notebook tab.reorderable-page.bottom:active:backdrop, notebook tab.reorderable-page.bottom.active-page:backdrop {
           background-color: #eff0f1;
           border-color: #eff0f1;
           border-right-color: #bdc3c7; }
       notebook tab.reorderable-page.bottom:backdrop {
         background-color: #eff0f1;
         border-color: #eff0f1;
         border-right-color: #bdc3c7; }
     notebook tab.reorderable-page.left {
       border-width: 3px;
       border-style: solid;
       border-color: #eff0f1;
       background-color: #eff0f1;
       border-bottom-width: 1px;
       border-bottom-color: #bdc3c7;
       box-shadow: inset 0px -3px 0px 0px #eff0f1; }
       notebook tab.reorderable-page.left:hover, notebook tab.reorderable-page.left.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.3), inset 0px -3px 0px 0px #eff0f1; }
       notebook tab.reorderable-page.left:active, notebook tab.reorderable-page.left.active-page {
         box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; }
         notebook tab.reorderable-page.left:active:hover, notebook tab.reorderable-page.left.active-page:hover {
           background-color: #eff0f1;
           border-color: #eff0f1;
           border-bottom-color: #bdc3c7; }
         notebook tab.reorderable-page.left:active:backdrop, notebook tab.reorderable-page.left.active-page:backdrop {
           background-color: #eff0f1;
           border-color: #eff0f1;
           border-bottom-color: #bdc3c7; }
       notebook tab.reorderable-page.left:backdrop {
         background-color: #eff0f1;
         border-color: #eff0f1;
         border-bottom-color: #bdc3c7; }
     notebook tab.reorderable-page.right {
       border-width: 3px;
       border-style: solid;
       border-color: #eff0f1;
       background-color: #eff0f1;
       border-bottom-width: 1px;
       border-bottom-color: #bdc3c7;
       box-shadow: inset 0px -3px 0px 0px #eff0f1; }
       notebook tab.reorderable-page.right:hover, notebook tab.reorderable-page.right.prelight-page {
         box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.3), inset 0px -3px 0px 0px #eff0f1; }
       notebook tab.reorderable-page.right:active, notebook tab.reorderable-page.right.active-page {
         box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; }
         notebook tab.reorderable-page.right:active:hover, notebook tab.reorderable-page.right.active-page:hover {
           background-color: #eff0f1;
           border-color: #eff0f1;
           border-bottom-color: #bdc3c7; }
         notebook tab.reorderable-page.right:active:backdrop, notebook tab.reorderable-page.right.active-page:backdrop {
           background-color: #eff0f1;
           border-color: #eff0f1;
           border-bottom-color: #bdc3c7; }
       notebook tab.reorderable-page.right:backdrop {
         background-color: #eff0f1;
         border-color: #eff0f1;
         border-bottom-color: #bdc3c7; }
     notebook tab .label {
       padding: 0 2px;
       color: #31363b; }
     notebook tab .prelight-page .label, notebook tab .label.prelight-page {
       color: #31363b; }
     notebook tab .active-page .label, notebook tab .label.active-page {
       color: #31363b; }
     notebook tab button, notebook tab headerbar button.titlebutton, headerbar notebook tab button.titlebutton,
     notebook tab .titlebar button.titlebutton,
     .titlebar notebook tab button.titlebutton {
       padding: 0px;
       border: 1px solid transparent;
       border-radius: 50%;
       background-image: none;
       background-color: #bdc3c7;
       box-shadow: none;
       -gtk-icon-shadow: none;
       transition: none;
       color: #eff0f1; }
       notebook tab button:hover {
         background-color: #da4453;
         border-color: transparent;
         background-image: none;
         box-shadow: none; }
       notebook tab button:active {
         color: #eff0f1;
         border-color: transparent;
         background-image: none;
         box-shadow: none; }
       notebook tab button:backdrop {
         color: #eff0f1;
         border-color: transparent; }
       notebook tab button > image, notebook tab headerbar button.titlebutton > image, headerbar notebook tab button.titlebutton > image,
       notebook tab .titlebar button.titlebutton > image,
       .titlebar notebook tab button.titlebutton > image {
         padding: 0px; }
     notebook tab button .active-page, notebook tab button.active-page {
       background-color: #da4453; }
   notebook.arrow {
     color: #909396; }
     notebook.arrow:hover {
       color: #93cee9; }
     notebook.arrow:active {
       color: #3daee9; }
     notebook.arrow:disabled {
       color: rgba(144, 147, 150, 0.3); }
     notebook.arrow:backdrop {
       color: #909396; }
       notebook.arrow:backdrop:disabled {
         color: rgba(144, 147, 150, 0.3); }
 
 /**************
  * Scrollbars *
  **************/
 scrollbar {
   -GtkRange-trough-border: 0;
   -GtkScrollbar-has-backward-stepper: true;
   -GtkScrollbar-has-forward-stepper: true;
   -GtkRange-slider-width: 16;
   -GtkScrollbar-min-slider-length: 64;
   -GtkRange-stepper-spacing: 1;
   -GtkRange-trough-under-steppers: 0; }
   scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton,
   scrollbar .titlebar button.titlebutton,
   .titlebar scrollbar button.titlebutton {
     border: none;
     background-image: none;
     background-color: transparent;
     box-shadow: none; }
     scrollbar button:hover {
       color: #93cee9;
       background-image: none;
       background-color: transparent; }
     scrollbar button:disabled {
       color: #909396; }
   scrollbar.dragging, scrollbar.hovering {
     opacity: 0.998; }
   scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
     opacity: 0.999; }
   scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
     -GtkRange-slider-width: 8px;
     -GtkScrollbar-has-backward-stepper: false;
     -GtkScrollbar-has-forward-stepper: false; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-overlay.png"), url("assets/scrollbar-slider-overlay@2.png")) 6 4 6 4/6px 4px 6px 4px stretch;
       border-radius: 0;
       border-width: 5px 4px 5px 4px;
       border-style: solid;
       border-color: transparent; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-overlay-horizontal.png"), url("assets/scrollbar-slider-overlay-horizontal@2.png")) 4 6 4 6/4px 6px 4px 6px stretch;
       border-radius: 0;
       border-width: 4px 6px 4px 6px;
       border-style: solid;
       border-color: transparent; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
       border: none;
       background: none; }
-  scrollbar.trough {
+  scrollbar.vertical trough {
     border-image: -gtk-scaled(url("assets/scrollbar-trough.png"), url("assets/scrollbar-trough@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
     border-radius: 0;
     border-width: 8px 8px 8px 8px;
     border-style: solid;
     border-color: transparent; }
-    scrollbar.trough:dir(rtl) {
+    scrollbar.vertical trough:dir(rtl) {
       border-image: -gtk-scaled(url("assets/scrollbar-trough-rtl.png"), url("assets/scrollbar-trough-rtl@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-    scrollbar.trough.horizontal {
+    scrollbar.horizontal trough {
       border-image: -gtk-scaled(url("assets/scrollbar-trough-horizontal.png"), url("assets/scrollbar-trough-horizontal@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-  scrollbar slider {
+  scrollbar.vertical slider {
     border-image: -gtk-scaled(url("assets/scrollbar-slider.png"), url("assets/scrollbar-slider@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
     border-radius: 0;
     border-width: 8px 8px 8px 8px;
     border-style: solid;
     border-color: transparent; }
-    scrollbar slider:dir(rtl) {
+    scrollbar.vertical slider:dir(rtl) {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl.png"), url("assets/scrollbar-slider-rtl@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
     scrollbar slider:hover, scrollbar slider:disabled {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-hover.png"), url("assets/scrollbar-slider-hover@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
       scrollbar slider:hover:dir(rtl), scrollbar slider:disabled:dir(rtl) {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-hover.png"), url("assets/scrollbar-slider-rtl-hover@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
-    scrollbar slider:active {
+    scrollbar.vertical slider:active {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-active.png"), url("assets/scrollbar-slider-active@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
       scrollbar slider:active:dir(rtl) {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-active.png"), url("assets/scrollbar-slider-rtl-active@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
-    scrollbar slider.horizontal {
+    scrollbar.horizontal slider {
       border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal.png"), url("assets/scrollbar-slider-horizontal@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
       border-radius: 0;
       border-width: 8px 8px 8px 8px;
       border-style: solid;
       border-color: transparent; }
-      scrollbar slider.horizontal:hover, scrollbar slider.horizontal:disabled {
+      scrollbar.horizontal slider:hover, scrollbar.horizontal slider:disabled {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-hover.png"), url("assets/scrollbar-slider-horizontal-hover@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
-      scrollbar slider.horizontal:active {
+      scrollbar.horizontal slider:active {
         border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-active.png"), url("assets/scrollbar-slider-horizontal-active@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
         border-radius: 0;
         border-width: 8px 8px 8px 8px;
         border-style: solid;
         border-color: transparent; }
 
 scrollbars-junction,
 scrollbars-junction.frame {
   border-color: transparent;
   border-image: linear-gradient(to bottom, #bdc3c7 1px, transparent 1px) 0 0 0 1/0 1px stretch;
   background-color: #dcdee0; }
   scrollbars-junction:dir(rtl),
   scrollbars-junction.frame:dir(rtl) {
     border-image-slice: 0 1 0 0; }
   scrollbars-junction:backdrop,
   scrollbars-junction.frame:backdrop {
     border-image-source: linear-gradient(to bottom, #c2c8cb 1px, transparent 1px);
     background-color: #e7e8ea; }
 
 /**********
  * Switch *
  **********/
 switch {
   -switch-slider-width: 30px;
   font-weight: bold;
   font-size: smaller;
   outline-offset: 0px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   switch.trough {
     border: 1px solid #bdc3c7;
     border-radius: 3px;
     color: #31363b;
     background-image: none;
     background-color: #eff0f1;
     text-shadow: none; }
     switch.trough:active {
       color: #3daee9;
       border-color: #3daee9;
       box-shadow: none;
       text-shadow: none; }
       switch.trough:active:hover {
         border-color: #93cee9; }
     switch.trough:hover {
       border-color: #3daee9; }
     switch.trough:disabled {
       color: #909396;
       border-color: #bdc3c7;
       background-image: none;
       background-color: #e6e7e8;
       box-shadow: none;
       text-shadow: none; }
   switch.slider {
     padding: 3px;
     border: 3px solid;
     border-radius: 3px;
     border-color: rgba(255, 255, 255, 0);
     box-shadow: none;
     background-color: #bdc3c7; }
     switch.slider:hover {
       box-shadow: none; }
     switch.slider:active {
       background-color: #3daee9; }
       switch.slider:active:hover {
         background-color: #93cee9; }
     switch.slider:disabled {
       background-color: #e6e7e8; }
   list-row:selected switch {
     box-shadow: none;
     border-color: #3daee9; }
     list-row:selected switch:backdrop {
       border-color: #3daee9; }
     list-row:selected switch.slider:dir(rtl) {
       border-left-color: #bdc3c7; }
     list-row:selected switch.slider:dir(ltr) {
       border-right-color: #bdc3c7; }
     list-row:selected switch.slider, list-row:selected switch.slider:active {
       border-color: #3daee9; }
 
 /*************************
  * Check and Radio items *
  *************************/
 check {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check.button.flat, headerbar check.titlebutton.button,
   .titlebar check.titlebutton.button {
     -gtk-icon-shadow: none; }
 
 .view.check:selected, calendar.check:selected,
 list-row:selected check {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); }
 
 check:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:hover.button.flat, headerbar check.titlebutton.button:hover,
   .titlebar check.titlebutton.button:hover {
     -gtk-icon-shadow: none; }
 
 .view.check:hover:selected, calendar.check:hover:selected,
 list-row:selected check:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); }
 
 check:active {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:active.button.flat, headerbar check.titlebutton.button:active,
   .titlebar check.titlebutton.button:active {
     -gtk-icon-shadow: none; }
 
 .view.check:active:selected, calendar.check:active:selected,
 list-row:selected check:active {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); }
 
 check:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:disabled.button.flat, headerbar check.titlebutton.button:disabled,
   .titlebar check.titlebutton.button:disabled {
     -gtk-icon-shadow: none; }
 
 .view.check:disabled:selected, calendar.check:disabled:selected,
 list-row:selected check:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); }
 
 check:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop.button.flat, headerbar check.titlebutton.button:backdrop,
   .titlebar check.titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
 
 .view.check:backdrop:selected, calendar.check:backdrop:selected,
 list-row:selected check:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); }
 
 check:backdrop:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop:disabled.button.flat, headerbar check.titlebutton.button:backdrop:disabled,
   .titlebar check.titlebutton.button:backdrop:disabled {
     -gtk-icon-shadow: none; }
 
 .view.check:backdrop:disabled:selected, calendar.check:backdrop:disabled:selected,
 list-row:selected check:backdrop:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); }
 
 check:indeterminate {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:indeterminate.button.flat, headerbar check.titlebutton.button:indeterminate,
   .titlebar check.titlebutton.button:indeterminate {
     -gtk-icon-shadow: none; }
 
 .view.check:indeterminate:selected, calendar.check:indeterminate:selected,
 list-row:selected check:indeterminate {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); }
 
 check:indeterminate:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:indeterminate:hover.button.flat, headerbar check.titlebutton.button:indeterminate:hover,
   .titlebar check.titlebutton.button:indeterminate:hover {
     -gtk-icon-shadow: none; }
 
 .view.check:indeterminate:hover:selected, calendar.check:indeterminate:hover:selected,
 list-row:selected check:indeterminate:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); }
 
 check:indeterminate:selected {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:indeterminate:selected.button.flat, headerbar check.titlebutton.button:indeterminate:selected,
   .titlebar check.titlebutton.button:indeterminate:selected {
     -gtk-icon-shadow: none; }
 
 .view.check:indeterminate:selected:selected, calendar.check:indeterminate:selected,
 list-row:selected check:indeterminate:selected {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); }
 
 check:indeterminate:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png"));
   -gtk-icon-shadow: none; }
   check:indeterminate:backdrop.button.flat, headerbar check.titlebutton.button:indeterminate:backdrop,
   .titlebar check.titlebutton.button:indeterminate:backdrop {
     -gtk-icon-shadow: none; }
 
 .view.check:indeterminate:backdrop:selected, calendar.check:indeterminate:backdrop:selected,
 list-row:selected check:indeterminate:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); }
 
 check:indeterminate:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:indeterminate:disabled.button.flat, headerbar check.titlebutton.button:indeterminate:disabled,
   .titlebar check.titlebutton.button:indeterminate:disabled {
     -gtk-icon-shadow: none; }
 
 .view.check:indeterminate:disabled:selected, calendar.check:indeterminate:disabled:selected,
 list-row:selected check:indeterminate:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); }
 
 check:indeterminate:disabled:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive.png"), url("assets/checkbox-mixed-backdrop-insensitive@2.png"));
   -gtk-icon-shadow: none; }
   check:indeterminate:disabled:backdrop.button.flat, headerbar check.titlebutton.button:indeterminate:disabled:backdrop,
   .titlebar check.titlebutton.button:indeterminate:disabled:backdrop {
     -gtk-icon-shadow: none; }
 
 .view.check:indeterminate:disabled:backdrop:selected, calendar.check:indeterminate:disabled:backdrop:selected,
 list-row:selected check:indeterminate:disabled:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive@2.png")); }
 
 check:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:checked.button.flat, headerbar check.titlebutton.button:checked,
   .titlebar check.titlebutton.button:checked {
     -gtk-icon-shadow: none; }
 
 .view.check:checked:selected, calendar.check:checked:selected,
 list-row:selected check:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); }
 
 check:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:checked:disabled.button.flat, headerbar check.titlebutton.button:checked:disabled,
   .titlebar check.titlebutton.button:checked:disabled {
     -gtk-icon-shadow: none; }
 
 .view.check:checked:disabled:selected, calendar.check:checked:disabled:selected,
 list-row:selected check:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); }
 
 check:checked:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:checked:hover.button.flat, headerbar check.titlebutton.button:checked:hover,
   .titlebar check.titlebutton.button:checked:hover {
     -gtk-icon-shadow: none; }
 
 .view.check:checked:hover:selected, calendar.check:checked:hover:selected,
 list-row:selected check:checked:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); }
 
 check:checked:active {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   check:checked:active.button.flat, headerbar check.titlebutton.button:checked:active,
   .titlebar check.titlebutton.button:checked:active {
     -gtk-icon-shadow: none; }
 
 .view.check:checked:active:selected, calendar.check:checked:active:selected,
 list-row:selected check:checked:active {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); }
 
 check:backdrop:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop:checked.button.flat, headerbar check.titlebutton.button:backdrop:checked,
   .titlebar check.titlebutton.button:backdrop:checked {
     -gtk-icon-shadow: none; }
 
 .view.check:backdrop:checked:selected, calendar.check:backdrop:checked:selected,
 list-row:selected check:backdrop:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); }
 
 check:backdrop:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png"));
   -gtk-icon-shadow: none; }
   check:backdrop:checked:disabled.button.flat, headerbar check.titlebutton.button:backdrop:checked:disabled,
   .titlebar check.titlebutton.button:backdrop:checked:disabled {
     -gtk-icon-shadow: none; }
 
 .view.check:backdrop:checked:disabled:selected, calendar.check:backdrop:checked:disabled:selected,
 list-row:selected check:backdrop:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive.png"), url("assets/selected-checkbox-checked-backdrop-insensitive@2.png")); }
 
 menu menuitem.check {
   -gtk-icon-source: -gtk-icontheme("checkbox-symbolic");
   color: #7d8084;
   -gtk-icon-shadow: none; }
   menu menuitem.check:active, menu menuitem.check:checked {
     -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic");
     color: #3daee9; }
   menu menuitem.check:indeterminate {
     -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
   menu menuitem.check:hover {
     color: #fcfcfc; }
   menu menuitem.check:disabled {
     color: #c0c2c4; }
 
 radio {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio.button.flat, headerbar radio.titlebutton.button,
   .titlebar radio.titlebutton.button {
     -gtk-icon-shadow: none; }
 
 .view.radio:selected, calendar.radio:selected,
 list-row:selected radio {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); }
 
 radio:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:hover.button.flat, headerbar radio.titlebutton.button:hover,
   .titlebar radio.titlebutton.button:hover {
     -gtk-icon-shadow: none; }
 
 .view.radio:hover:selected, calendar.radio:hover:selected,
 list-row:selected radio:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); }
 
 radio:active {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:active.button.flat, headerbar radio.titlebutton.button:active,
   .titlebar radio.titlebutton.button:active {
     -gtk-icon-shadow: none; }
 
 .view.radio:active:selected, calendar.radio:active:selected,
 list-row:selected radio:active {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); }
 
 radio:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:disabled.button.flat, headerbar radio.titlebutton.button:disabled,
   .titlebar radio.titlebutton.button:disabled {
     -gtk-icon-shadow: none; }
 
 .view.radio:disabled:selected, calendar.radio:disabled:selected,
 list-row:selected radio:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); }
 
 radio:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop.button.flat, headerbar radio.titlebutton.button:backdrop,
   .titlebar radio.titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
 
 .view.radio:backdrop:selected, calendar.radio:backdrop:selected,
 list-row:selected radio:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); }
 
 radio:backdrop:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop:disabled.button.flat, headerbar radio.titlebutton.button:backdrop:disabled,
   .titlebar radio.titlebutton.button:backdrop:disabled {
     -gtk-icon-shadow: none; }
 
 .view.radio:backdrop:disabled:selected, calendar.radio:backdrop:disabled:selected,
 list-row:selected radio:backdrop:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); }
 
 radio:indeterminate {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:indeterminate.button.flat, headerbar radio.titlebutton.button:indeterminate,
   .titlebar radio.titlebutton.button:indeterminate {
     -gtk-icon-shadow: none; }
 
 .view.radio:indeterminate:selected, calendar.radio:indeterminate:selected,
 list-row:selected radio:indeterminate {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); }
 
 radio:indeterminate:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:indeterminate:hover.button.flat, headerbar radio.titlebutton.button:indeterminate:hover,
   .titlebar radio.titlebutton.button:indeterminate:hover {
     -gtk-icon-shadow: none; }
 
 .view.radio:indeterminate:hover:selected, calendar.radio:indeterminate:hover:selected,
 list-row:selected radio:indeterminate:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); }
 
 radio:indeterminate:selected {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:indeterminate:selected.button.flat, headerbar radio.titlebutton.button:indeterminate:selected,
   .titlebar radio.titlebutton.button:indeterminate:selected {
     -gtk-icon-shadow: none; }
 
 .view.radio:indeterminate:selected:selected, calendar.radio:indeterminate:selected,
 list-row:selected radio:indeterminate:selected {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); }
 
 radio:indeterminate:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png"));
   -gtk-icon-shadow: none; }
   radio:indeterminate:backdrop.button.flat, headerbar radio.titlebutton.button:indeterminate:backdrop,
   .titlebar radio.titlebutton.button:indeterminate:backdrop {
     -gtk-icon-shadow: none; }
 
 .view.radio:indeterminate:backdrop:selected, calendar.radio:indeterminate:backdrop:selected,
 list-row:selected radio:indeterminate:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); }
 
 radio:indeterminate:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:indeterminate:disabled.button.flat, headerbar radio.titlebutton.button:indeterminate:disabled,
   .titlebar radio.titlebutton.button:indeterminate:disabled {
     -gtk-icon-shadow: none; }
 
 .view.radio:indeterminate:disabled:selected, calendar.radio:indeterminate:disabled:selected,
 list-row:selected radio:indeterminate:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); }
 
 radio:indeterminate:disabled:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive.png"), url("assets/radio-mixed-backdrop-insensitive@2.png"));
   -gtk-icon-shadow: none; }
   radio:indeterminate:disabled:backdrop.button.flat, headerbar radio.titlebutton.button:indeterminate:disabled:backdrop,
   .titlebar radio.titlebutton.button:indeterminate:disabled:backdrop {
     -gtk-icon-shadow: none; }
 
 .view.radio:indeterminate:disabled:backdrop:selected, calendar.radio:indeterminate:disabled:backdrop:selected,
 list-row:selected radio:indeterminate:disabled:backdrop {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive.png"), url("assets/selected-radio-mixed-backdrop-insensitive@2.png")); }
 
 radio:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:checked.button.flat, headerbar radio.titlebutton.button:checked,
   .titlebar radio.titlebutton.button:checked {
     -gtk-icon-shadow: none; }
 
 .view.radio:checked:selected, calendar.radio:checked:selected,
 list-row:selected radio:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); }
 
 radio:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:checked:disabled.button.flat, headerbar radio.titlebutton.button:checked:disabled,
   .titlebar radio.titlebutton.button:checked:disabled {
     -gtk-icon-shadow: none; }
 
 .view.radio:checked:disabled:selected, calendar.radio:checked:disabled:selected,
 list-row:selected radio:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); }
 
 radio:checked:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:checked:hover.button.flat, headerbar radio.titlebutton.button:checked:hover,
   .titlebar radio.titlebutton.button:checked:hover {
     -gtk-icon-shadow: none; }
 
 .view.radio:checked:hover:selected, calendar.radio:checked:hover:selected,
 list-row:selected radio:checked:hover {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); }
 
 radio:checked:active {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png"));
   -gtk-icon-shadow: 0 1px 0 white; }
   radio:checked:active.button.flat, headerbar radio.titlebutton.button:checked:active,
   .titlebar radio.titlebutton.button:checked:active {
     -gtk-icon-shadow: none; }
 
 .view.radio:checked:active:selected, calendar.radio:checked:active:selected,
 list-row:selected radio:checked:active {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); }
 
 radio:backdrop:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop:checked.button.flat, headerbar radio.titlebutton.button:backdrop:checked,
   .titlebar radio.titlebutton.button:backdrop:checked {
     -gtk-icon-shadow: none; }
 
 .view.radio:backdrop:checked:selected, calendar.radio:backdrop:checked:selected,
 list-row:selected radio:backdrop:checked {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); }
 
 radio:backdrop:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png"));
   -gtk-icon-shadow: none; }
   radio:backdrop:checked:disabled.button.flat, headerbar radio.titlebutton.button:backdrop:checked:disabled,
   .titlebar radio.titlebutton.button:backdrop:checked:disabled {
     -gtk-icon-shadow: none; }
 
 .view.radio:backdrop:checked:disabled:selected, calendar.radio:backdrop:checked:disabled:selected,
 list-row:selected radio:backdrop:checked:disabled {
   -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive.png"), url("assets/selected-radio-checked-backdrop-insensitive@2.png")); }
 
 menu menuitem.radio {
   -gtk-icon-source: -gtk-icontheme("radio-symbolic");
   color: #7d8084;
   -gtk-icon-shadow: none; }
   menu menuitem.radio:active, menu menuitem.radio:checked {
     -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic");
     color: #3daee9; }
   menu menuitem.radio:indeterminate {
     -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
   menu menuitem.radio:hover {
     color: #fcfcfc; }
   menu menuitem.radio:disabled {
     color: #c0c2c4; }
 
 .view.check, .view.radio,
 list-row check, list-row radio {
   -gtk-icon-shadow: none; }
   .view.check:selected, calendar.check:selected, .view.check:hover, .view.radio:selected, calendar.radio:selected, .view.radio:hover,
   list-row check:selected,
   list-row check:hover, list-row radio:selected, list-row radio:hover {
     -gtk-icon-shadow: none; }
 
 .content-view {
   background-color: #dcdee0; }
   .content-view:backdrop {
     background-color: #dcdee0; }
 
 .view.content-view.check {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:hover {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:active {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:backdrop {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:checked {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:checked:hover {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:checked:active {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
   background-color: transparent; }
 
 .view.content-view.check:backdrop:checked {
   -gtk-icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
   background-color: transparent; }
 
 checkbutton.text-button, radiobutton.text-button {
   padding: 1px 2px 4px;
   outline-offset: 0; }
   checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
     color: #909396; }
     checkbutton.text-button:disabled:backdrop, checkbutton.text-button:disabled:active:backdrop, checkbutton.text-button:disabled:indeterminate:backdrop, radiobutton.text-button:disabled:backdrop, radiobutton.text-button:disabled:active:backdrop, radiobutton.text-button:disabled:indeterminate:backdrop {
       color: #c6cacd; }
 
 /************
  * GtkScale *
  ************/
 scale,
 scale.scale-has-marks-above.scale-has-marks-below,
 scale.vertical.scale-has-marks-above.scale-has-marks-below {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 20;
   -GtkRange-trough-border: 2;
   outline-offset: -9px;
   -gtk-outline-radius: 4px; }
   scale.fine-tune,
   scale.scale-has-marks-above.scale-has-marks-below.fine-tune,
   scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune {
     outline-offset: -7px;
     -gtk-outline-radius: 6px; }
     scale.fine-tune.trough,
     scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
       margin: 8px;
       border-radius: 4px; }
   scale.slider,
   scale.scale-has-marks-above.scale-has-marks-below.slider,
   scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #31363b;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1);
     border: 1px solid;
     border-radius: 50%;
     border-color: #3daee9;
     box-shadow: inset 0 1px white, inset 0 -2px #eff0f1, inset 0 -1px #d6dadc; }
     scale.slider:hover,
     scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
       border-width: 2px;
       color: #31363b;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #eff0f1, #eff0f1);
       border-color: #93cee9;
       border-radius: 50%;
       box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #e0e3e4; }
     scale.slider:disabled,
     scale.scale-has-marks-above.scale-has-marks-below.slider:disabled,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:disabled {
       border-style: solid;
       border-radius: 50%;
       background-image: linear-gradient(to bottom, #e6e7e8);
       box-shadow: none; }
     scale.slider:active,
     scale.scale-has-marks-above.scale-has-marks-below.slider:active,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
       border: 2px solid #3daee9; }
     .osd scale.slider, .osd
     scale.scale-has-marks-above.scale-has-marks-below.slider, .osd
     scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
       color: #31363b;
       border-color: #bdc3c7;
       background-image: none;
       background-color: #eff0f1;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
       font-weight: normal;
       background-color: #475057; }
       .osd scale.slider:hover, .osd
       scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
         color: #31363b;
         border-color: #3daee9;
         background-image: none;
         background-clip: padding-box;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd scale.slider:active, .osd
       scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
         color: #fcfcfc;
         border-color: rgba(252, 252, 252, 0.8);
         background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
       .osd scale.slider:backdrop, .osd
       scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
         -gtk-icon-shadow: none; }
   scale.trough,
   scale.scale-has-marks-above.scale-has-marks-below.trough,
   scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
     margin: 9px;
     border: 1px solid transparent;
     border-radius: 4px;
     background-color: #bdc3c7;
     box-shadow: none; }
     scale.trough.highlight,
     scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
       background-color: #3daee9;
       border-color: transparent;
       box-shadow: none; }
       scale.trough.highlight.vertical,
       scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical,
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical {
         background-color: #3daee9; }
     scale.trough:disabled, scale.trough.vertical:disabled,
     scale.scale-has-marks-above.scale-has-marks-below.trough:disabled,
     scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:disabled,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:disabled,
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:disabled {
       border-color: transparent;
       background-image: none;
       background-color: #e6e7e8;
       box-shadow: none; }
     .osd scale.trough, .osd
     scale.scale-has-marks-above.scale-has-marks-below.trough, .osd
     scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
       border-color: transparent;
       box-shadow: none;
       margin: 9px;
       background-color: #bdc3c7;
       outline-color: rgba(49, 54, 59, 0.2);
       outline-offset: -8px; }
       .osd scale.trough.fine-tune, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough.fine-tune, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.fine-tune {
         margin: 7px; }
       .osd scale.trough.highlight, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
         background-image: none;
         background-color: #3daee9; }
       .osd scale.trough:disabled, .osd scale.trough:backdrop:disabled, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough:disabled, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:disabled, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:disabled, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:disabled {
         border-color: transparent;
         background-color: transparent; }
       .osd scale.trough:backdrop, .osd
       scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .osd
       scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
         border-color: transparent;
         background-image: none; }
 
 scale.scale-has-marks-below {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.scale-has-marks-below.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-below.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.scale-has-marks-above {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.scale-has-marks-above.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.scale-has-marks-above.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.vertical.scale-has-marks-below {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.vertical.scale-has-marks-below.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-below.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.vertical.scale-has-marks-above {
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 24;
   -GtkRange-trough-border: 2; }
   scale.vertical.scale-has-marks-above.slider {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:hover {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:active {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:backdrop {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
   scale.vertical.scale-has-marks-above.slider:backdrop:disabled {
     border-style: none;
     border-radius: 0;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png"));
     background-repeat: no-repeat;
     background-position: center;
     box-shadow: none; }
 
 scale.scale-has-marks-above .trough {
   margin: 14px 10px 10px; }
 .fine-tune.scale.scale-has-marks-above .trough {
   margin: 12px 8px 8px; }
 
 scale.scale-has-marks-below .trough {
   margin: 10px 10px 14px; }
 .fine-tune.scale.scale-has-marks-below .trough {
   margin: 8px 8px 12px; }
 
 scale.vertical.scale-has-marks-above .trough {
   margin: 10px 10px 10px 14px; }
 .fine-tune.scale.vertical.scale-has-marks-above .trough {
   margin: 8px 8px 8px 12px; }
 
 scale.vertical.scale-has-marks-below .trough {
   margin: 10px 14px 10px 10px; }
 .fine-tune.scale.vertical.scale-has-marks-below .trough {
   margin: 8px 12px 8px 8px; }
 
 /*****************
  * Progress bars *
  *****************/
 progressbar {
   padding: 0;
   font-size: smaller;
   color: rgba(49, 54, 59, 0.4);
   box-shadow: none; }
   progressbar .osd {
     -progressbar-xspacing: 0;
     -progressbar-yspacing: 0;
     -progressbar-min-horizontal-bar-height: 3; }
   progressbar trough {
     border: 1px solid transparent;
     border-radius: 3px;
     background-color: #bdc3c7; }
     progressbar .osd trough {
       border-style: none;
       background-color: transparent;
       box-shadow: none; }
 
 progressbar progress {
   background-color: #3daee9;
   border: 1px solid #3daee9;
   border-radius: 0px;
   box-shadow: none; }
   progressbar.left progress {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px; }
   progressbar.right progress {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px; }
   progressbar.left.right progress {
     box-shadow: none; }
   progressbar.vertical.bottom progress {
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
     box-shadow: none; }
   progressbar.vertical.top progress {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px; }
   progressbar .osd progress {
     background-image: none;
     background-color: #3daee9;
     border-style: none;
     border-radius: 0; }
 
 /*************
  * Level Bar *
  *************/
 levelbar.vertical {
   -GtkLevelBar-min-block-width: 6;
   -GtkLevelBar-min-block-height: 34; }
 
 levelbar {
   box-shadow: none;
   -GtkLevelBar-min-block-width: 34;
   -GtkLevelBar-min-block-height: 6; }
   levelbar.vertical {
     -GtkLevelBar-min-block-width: 6;
     -GtkLevelBar-min-block-height: 34; }
   levelbar trough {
     border: 1px solid transparent;
     padding: 2px;
     border-radius: 2px;
     background-color: transparent; }
   levelbar block.filled {
     border: 1px solid #3daee9;
     background-color: #3daee9;
     box-shadow: none;
     border-radius: 2px; }
     levelbar.discrete.horizontal block.filled {
       margin: 0 1px; }
     levelbar.discrete.vertical block.filled {
       margin: 1px 0; }
     levelbar block.filled.high {
       border-color: #11d116;
       background-color: #11d116; }
       levelbar block.filled.high:backdrop {
         border-color: #11d116; }
     levelbar block.filled.low {
       border-color: #f67400;
       background-color: #f67400; }
       levelbar block.filled.low:backdrop {
         border-color: #f67400; }
     levelbar block.filled.empty {
       background-color: #bdc3c7;
       border-color: transparent;
       box-shadow: none; }
 
 /**********
  * Frames *
  **********/
 frame {
   border: 1px solid #bdc3c7;
   padding: 0; }
   frame.flat {
     border-style: none; }
   frame.action-bar {
     padding: 6px;
     border-width: 1px 0 0; }
 
 scrolledwindow viewport.frame, frame box stack scrolledwindow {
   border-style: none; }
 
 .separator, placessidebar.sidebar .view .separator,
 placessidebar.sidebar .view .separator:backdrop {
   color: rgba(0, 0, 0, 0.1); }
   filechooserbutton .separator.vertical, filechooserbutton placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view filechooserbutton .vertical.separator, button.font .separator.vertical, button.font placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view button.font .vertical.separator {
     -GtkWidget-wide-separators: true; }
 
 /*********
  * Lists *
  *********/
 list, list-row {
   background-color: #eff0f1;
   border-width: 0px;
   border-color: #3daee9; }
 
 list-row,
 .grid-child {
   padding: 0px 2px;
   border-style: solid;
   border-width: 0px;
   border-color: #3daee9; }
 
 list-row.button, headerbar list-row.button.titlebutton,
 .titlebar list-row.button.titlebutton,
 list-row.button:backdrop,
 list-row.button:backdrop:active,
 list-row.button:backdrop:checked,
 list-row.button:backdrop:disabled,
 list-row.button:backdrop:disabled:active,
 list-row.button:backdrop:disabled:checked,
 list-row.button:disabled:active,
 list-row.button:disabled:checked {
   background-color: rgba(252, 252, 252, 0);
   border-style: none;
   border-radius: 0;
   box-shadow: none; }
 
 list-row.button:hover {
   background-color: rgba(147, 206, 233, 0.2); }
 list-row.button:active {
   box-shadow: none; }
 list-row.button:selected:active {
   box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
 list-row.button:selected:hover {
   background-color: #3ca2d8; }
 list-row.button:selected:backdrop {
   background-color: #3daee9; }
 list-row.button:backdrop:hover {
   background-color: transparent; }
 
 list-row:selected button {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   color: #31363b;
   border-color: #bdc3c7;
   background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1);
   border-color: #3daee9; }
   list-row:selected button.flat, list-row:selected headerbar .titlebutton.button, headerbar list-row:selected .titlebutton.button,
   list-row:selected .titlebar .titlebutton.button,
   .titlebar list-row:selected .titlebutton.button {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #fcfcfc; }
   list-row:selected button:hover {
     color: #31363b;
     border-color: #3daee9;
     background-image: linear-gradient(to bottom, #eff0f1, #eff0f1);
     border-color: #3daee9; }
   list-row:selected button:active, list-row:selected button:checked {
     color: #fcfcfc;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8));
     border-color: #3daee9; }
   list-row:selected button:backdrop, list-row:selected button.flat:backdrop, list-row:selected headerbar .titlebutton.button:backdrop, headerbar list-row:selected .titlebutton.button:backdrop,
   list-row:selected .titlebar .titlebutton.button:backdrop,
   .titlebar list-row:selected .titlebutton.button:backdrop {
     color: #31363b;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #eff0f1);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
     border-color: #3daee9; }
     list-row:selected button:backdrop:active, list-row:selected button:backdrop:checked, list-row:selected button.flat:backdrop:active, list-row:selected headerbar .titlebutton.button:backdrop:active, headerbar list-row:selected .titlebutton.button:backdrop:active,
     list-row:selected .titlebar .titlebutton.button:backdrop:active,
     .titlebar list-row:selected .titlebutton.button:backdrop:active, list-row:selected button.flat:backdrop:checked, list-row:selected headerbar .titlebutton.button:backdrop:checked, headerbar list-row:selected .titlebutton.button:backdrop:checked,
     list-row:selected .titlebar .titlebutton.button:backdrop:checked,
     .titlebar list-row:selected .titlebutton.button:backdrop:checked {
       color: #c0c2c4;
       border-color: #c2c8cb;
       background-image: linear-gradient(to bottom, #dfe2e4);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       border-color: #3daee9; }
     list-row:selected button:backdrop:disabled, list-row:selected button.flat:backdrop:disabled, list-row:selected headerbar .titlebutton.button:backdrop:disabled, headerbar list-row:selected .titlebutton.button:backdrop:disabled,
     list-row:selected .titlebar .titlebutton.button:backdrop:disabled,
     .titlebar list-row:selected .titlebutton.button:backdrop:disabled {
       color: #c6cacd;
       border-color: #c2c8cb;
       background-image: linear-gradient(to bottom, #e6e7e8);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       border-color: #3daee9; }
       list-row:selected button:backdrop:disabled > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled > .label,
       list-row:selected .titlebar button.titlebutton:backdrop:disabled > .label, list-row:selected button.flat:backdrop:disabled > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled > .label,
       list-row:selected .titlebar .titlebutton.button:backdrop:disabled > .label,
       .titlebar list-row:selected .titlebutton.button:backdrop:disabled > .label {
         color: inherit; }
       list-row:selected button:backdrop:disabled:active, list-row:selected button:backdrop:disabled:checked, list-row:selected button.flat:backdrop:disabled:active, list-row:selected headerbar .titlebutton.button:backdrop:disabled:active, headerbar list-row:selected .titlebutton.button:backdrop:disabled:active,
       list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active,
       .titlebar list-row:selected .titlebutton.button:backdrop:disabled:active, list-row:selected button.flat:backdrop:disabled:checked, list-row:selected headerbar .titlebutton.button:backdrop:disabled:checked, headerbar list-row:selected .titlebutton.button:backdrop:disabled:checked,
       list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked,
       .titlebar list-row:selected .titlebutton.button:backdrop:disabled:checked {
         color: #c6cacd;
         border-color: #c2c8cb;
         background-image: linear-gradient(to bottom, #d9dadc);
         border-color: #3daee9; }
         list-row:selected button:backdrop:disabled:active > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled:active > .label,
         list-row:selected .titlebar button.titlebutton:backdrop:disabled:active > .label, list-row:selected button:backdrop:disabled:checked > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled:checked > .label,
         list-row:selected .titlebar button.titlebutton:backdrop:disabled:checked > .label, list-row:selected button.flat:backdrop:disabled:active > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled:active > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled:active > .label,
         list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active > .label,
         .titlebar list-row:selected .titlebutton.button:backdrop:disabled:active > .label, list-row:selected button.flat:backdrop:disabled:checked > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled:checked > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled:checked > .label,
         list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked > .label,
         .titlebar list-row:selected .titlebutton.button:backdrop:disabled:checked > .label {
           color: inherit; }
   list-row:selected button.flat:backdrop, list-row:selected headerbar .titlebutton.button:backdrop, headerbar list-row:selected .titlebutton.button:backdrop,
   list-row:selected .titlebar .titlebutton.button:backdrop,
   .titlebar list-row:selected .titlebutton.button:backdrop {
     border-color: rgba(255, 255, 255, 0);
     background-color: transparent;
     background-image: none;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: white; }
   list-row:selected button:disabled {
     color: #909396;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #e6e7e8);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
     border-color: #3daee9; }
     list-row:selected button:disabled > .label, list-row:selected headerbar button.titlebutton:disabled > .label,
     list-row:selected .titlebar button.titlebutton:disabled > .label {
       color: inherit; }
     list-row:selected button:disabled:active, list-row:selected button:disabled:checked {
       color: #909396;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #e2e3e5, #e6e7e8); }
       list-row:selected button:disabled:active > .label, list-row:selected headerbar button.titlebutton:disabled:active > .label,
       list-row:selected .titlebar button.titlebutton:disabled:active > .label, list-row:selected button:disabled:checked > .label, list-row:selected headerbar button.titlebutton:disabled:checked > .label,
       list-row:selected .titlebar button.titlebutton:disabled:checked > .label {
         color: inherit; }
 
 list-row, list-row.button, headerbar list-row.button.titlebutton,
 .titlebar list-row.button.titlebutton {
   transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   list-row:hover, list-row.button:hover, headerbar list-row.button.titlebutton:hover,
   .titlebar list-row.button.titlebutton:hover {
     transition: none; }
 
 /*********************
  * App Notifications *
  *********************/
 .app-notification,
 .app-notification.frame {
   padding: 10px;
   border: none;
   border-radius: 0 0 3px 3px;
   background-color: rgba(252, 252, 252, 0.8);
   background-image: none;
   background-clip: padding-box; }
   .app-notification:backdrop,
   .app-notification.frame:backdrop {
     background-image: none; }
   .app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
   .app-notification .titlebar button.titlebutton,
   .titlebar .app-notification button.titlebutton,
   .app-notification.frame button {
     color: #31363b;
     border-color: #bdc3c7;
     background-image: none;
     background-color: #eff0f1;
     background-clip: padding-box;
     box-shadow: none;
     text-shadow: none;
     -gtk-icon-shadow: none;
     font-weight: normal; }
     .app-notification button.flat, .app-notification headerbar .titlebutton.button, headerbar .app-notification .titlebutton.button,
     .app-notification .titlebar .titlebutton.button,
     .titlebar .app-notification .titlebutton.button,
     .app-notification.frame button.flat,
     .app-notification.frame headerbar .titlebutton.button,
     headerbar .app-notification.frame .titlebutton.button,
     .app-notification.frame .titlebar .titlebutton.button,
     .titlebar .app-notification.frame .titlebutton.button {
       -gtk-icon-shadow: 0 1px black;
       text-shadow: 0 1px black; }
     .app-notification button:hover,
     .app-notification.frame button:hover {
       color: #31363b;
       border-color: #3daee9;
       background-image: none;
       background-clip: padding-box;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked,
     .app-notification.frame button:active,
     .app-notification.frame button:checked,
     .app-notification.frame button:backdrop:active,
     .app-notification.frame button:backdrop:checked {
       color: #fcfcfc;
       border-color: rgba(252, 252, 252, 0.8);
       background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .app-notification button:disabled, .app-notification button:backdrop:disabled,
     .app-notification.frame button:disabled,
     .app-notification.frame button:backdrop:disabled {
       color: #909396;
       border-color: #e6e7e8;
       background-image: none;
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .app-notification button:backdrop,
     .app-notification.frame button:backdrop {
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
 
 /*************
  * Expanders *
  *************/
 treeview.view expander {
   -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
   treeview.view expander:dir(rtl) {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
   treeview.view expander:hover {
     color: #77838e; }
   treeview.view expander:checked {
     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
 
 /************
  * Calendar *
  ***********/
 calendar {
   color: #31363b;
   border: 1px solid #bdc3c7; }
   calendar.header {
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 0; }
     calendar.header:backdrop {
       border-color: rgba(0, 0, 0, 0.1); }
   calendar.button, headerbar calendar.button.titlebutton,
   .titlebar calendar.button.titlebutton {
     color: rgba(49, 54, 59, 0.45); }
     calendar.button:hover, headerbar calendar.button.titlebutton:hover,
     .titlebar calendar.button.titlebutton:hover {
       color: #31363b; }
     calendar.button:backdrop, headerbar calendar.button.titlebutton:backdrop,
     .titlebar calendar.button.titlebutton:backdrop {
       color: rgba(192, 194, 196, 0.45); }
   calendar:indeterminate, calendar:indeterminate:backdrop, calendar.highlight, calendar.highlight:backdrop {
     color: alpha(currentColor,0.55); }
   calendar:backdrop {
     color: #31363b;
     border-color: #c2c8cb; }
 
 /***********
  * Dialogs *
  ***********/
 message-dialog {
   -GtkDialog-button-spacing: 8;
   -GtkDialog-action-area-border: 8; }
   message-dialog.background {
     background-color: #eff0f1; }
   message-dialog .titlebar {
     box-shadow: none; }
   message-dialog.csd.background {
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px; }
   message-dialog.csd .dialog-action-area button {
     border-radius: 0;
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #31363b;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
     message-dialog.csd .dialog-action-area button:hover {
       color: #31363b;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); }
     message-dialog.csd .dialog-action-area button:active {
       color: #fcfcfc;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8)); }
     message-dialog.csd .dialog-action-area button:disabled {
       color: #909396;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #e6e7e8);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       message-dialog.csd .dialog-action-area button:disabled > .label, message-dialog.csd .dialog-action-area headerbar button.titlebutton:disabled > .label,
       message-dialog.csd .dialog-action-area .titlebar button.titlebutton:disabled > .label {
         color: inherit; }
     message-dialog.csd .dialog-action-area button:backdrop {
       color: #31363b;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #eff0f1);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     message-dialog.csd .dialog-action-area button:backdrop:disabled {
       color: #c6cacd;
       border-color: #c2c8cb;
       background-image: linear-gradient(to bottom, #e6e7e8);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       message-dialog.csd .dialog-action-area button:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar button.titlebutton:backdrop:disabled > .label,
       message-dialog.csd .dialog-action-area .titlebar button.titlebutton:backdrop:disabled > .label {
         color: inherit; }
     message-dialog.csd .dialog-action-area button.suggested-action {
       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
       color: white;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #46b2ea, #3daee9); }
       message-dialog.csd .dialog-action-area button.suggested-action:hover {
         color: white;
         border-color: #3daee9;
         background-image: linear-gradient(to bottom, #3daee9, #3daee9); }
       message-dialog.csd .dialog-action-area button.suggested-action:active {
         color: white;
         border-color: #3daee9;
         background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8)); }
       message-dialog.csd .dialog-action-area button.suggested-action:backdrop {
         color: white;
         border-color: #3daee9;
         background-image: linear-gradient(to bottom, #3daee9);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         message-dialog.csd .dialog-action-area button.suggested-action:backdrop:disabled {
           color: #c6cacd;
           border-color: #c2c8cb;
           background-image: linear-gradient(to bottom, #e6e7e8);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
           message-dialog.csd .dialog-action-area button.suggested-action:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
           message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label {
             color: inherit; }
       message-dialog.csd .dialog-action-area button.suggested-action:disabled {
         background-color: #475057;
         color: shade(#fcfcfc, 0.5); }
     message-dialog.csd .dialog-action-area button.destructive-action {
       box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
       color: white;
       border-color: #ef2929;
       background-image: linear-gradient(to bottom, #f03232, #ef2929); }
       message-dialog.csd .dialog-action-area button.destructive-action:hover {
         color: white;
         border-color: #ef2929;
         background-image: linear-gradient(to bottom, #ef2929, #ef2929); }
       message-dialog.csd .dialog-action-area button.destructive-action:active {
         color: white;
         border-color: #ef2929;
         background-image: linear-gradient(to bottom, #ef2929, shade(#ef2929, 0.8)); }
       message-dialog.csd .dialog-action-area button.destructive-action:backdrop {
         color: white;
         border-color: #ef2929;
         background-image: linear-gradient(to bottom, #ef2929);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         message-dialog.csd .dialog-action-area button.destructive-action:backdrop:disabled {
           color: #c6cacd;
           border-color: #c2c8cb;
           background-image: linear-gradient(to bottom, #e6e7e8);
           text-shadow: none;
           -gtk-icon-shadow: none;
           box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
           message-dialog.csd .dialog-action-area button.destructive-action:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar .destructive-action.button.titlebutton:backdrop:disabled > .label,
           message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:disabled > .label {
             color: inherit; }
       message-dialog.csd .dialog-action-area button.destructive-action:disabled {
         background-color: #475057;
         color: shade(#fcfcfc, 0.5); }
 filechooser .search-bar {
   background-color: #eff0f1;
   border-color: #eff0f1;
   box-shadow: none; }
   filechooser .search-bar:backdrop {
     background-color: white;
     border-color: #eff0f1; }
 filechooser .dialog-action-box {
   border-top: 1px solid #bdc3c7; }
   filechooser .dialog-action-box:backdrop {
     border-top-color: #c2c8cb; }
 
 /***********
  * Sidebar *
  ***********/
 .sidebar {
   border: none;
   background-color: #eff0f1; }
 
 placessidebar.sidebar .view {
   color: #31363b;
   background-color: transparent; }
   placessidebar.sidebar .view .image {
     color: #6a6e72; }
     placessidebar.sidebar .view .image:selected {
       color: #e9f4fa; }
       placessidebar.sidebar .view .image:selected:backdrop {
         color: #e9f4fa; }
     placessidebar.sidebar .view .image:disabled {
       color: #adafb1; }
     placessidebar.sidebar .view .image:backdrop {
       color: #ced0d2; }
       placessidebar.sidebar .view .image:backdrop:disabled {
         color: #d2d5d8; }
   placessidebar.sidebar .view:disabled {
     color: #909396; }
   placessidebar.sidebar .view:backdrop {
     color: #c0c2c4; }
     placessidebar.sidebar .view:backdrop:disabled {
       color: #c6cacd; }
 
 .sidebar-item {
   padding: 10px 4px; }
   .sidebar-item > .label {
     padding-left: 6px;
     padding-right: 6px; }
   .sidebar-item.needs-attention > .label {
     background-size: 6px 6px, 0 0; }
 
 /*********
  * Paned *
  *********/
 paned {
   -paned-handle-size: 1;
   -gtk-icon-source: none;
   margin: 0 8px 8px 0; }
   paned:dir(rtl) {
     margin-right: 0;
     margin-left: 8px; }
   paned .pane-separator {
     background-color: #bdc3c7; }
     paned .pane-separator:backdrop {
       background-color: #c2c8cb; }
 
 paned.wide {
   -paned-handle-size: 5;
   margin: 0; }
   paned.wide .pane-separator {
     background-color: transparent;
     border-style: none solid;
     border-color: #bdc3c7;
     border-width: 1px; }
   paned.wide.vertical .pane-separator {
     border-style: solid none; }
   paned.wide .pane-separator:backdrop {
     border-color: #c2c8cb; }
 
 /**************
  * infobar *
  **************/
 infobar {
   border-style: none; }
 
 .info,
 .question,
 .warning,
 .error {
   background-color: #475057;
   color: #fcfcfc;
   text-shadow: none;
   border-color: #1998da; }
   .info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton,
   .info .titlebar button.titlebutton,
   .titlebar .info button.titlebutton,
   .question button,
   .question headerbar button.titlebutton,
   headerbar .question button.titlebutton,
   .question .titlebar button.titlebutton,
   .titlebar .question button.titlebutton,
   .warning button,
   .warning headerbar button.titlebutton,
   headerbar .warning button.titlebutton,
   .warning .titlebar button.titlebutton,
   .titlebar .warning button.titlebutton,
   .error button,
   .error headerbar button.titlebutton,
   headerbar .error button.titlebutton,
   .error .titlebar button.titlebutton,
   .titlebar .error button.titlebutton {
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #fcfcfc;
     border-color: #3daee9;
     background-image: linear-gradient(to bottom, #46b2ea, #3daee9); }
     .info button:hover,
     .question button:hover,
     .warning button:hover,
     .error button:hover {
       color: #fcfcfc;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #3daee9, #3daee9); }
     .info button:active,
     .question button:active,
     .warning button:active,
     .error button:active {
       color: #fcfcfc;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #3daee9, shade(#3daee9, 0.8)); }
     .info button:disabled,
     .question button:disabled,
     .warning button:disabled,
     .error button:disabled {
       color: #abdbf4;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #5abaec);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       .info button:disabled > .label, .info headerbar button.titlebutton:disabled > .label,
       .info .titlebar button.titlebutton:disabled > .label,
       .question button:disabled > .label,
       .question headerbar button.titlebutton:disabled > .label,
       .question .titlebar button.titlebutton:disabled > .label,
       .warning button:disabled > .label,
       .warning headerbar button.titlebutton:disabled > .label,
       .warning .titlebar button.titlebutton:disabled > .label,
       .error button:disabled > .label,
       .error headerbar button.titlebutton:disabled > .label,
       .error .titlebar button.titlebutton:disabled > .label {
         color: inherit; }
     .info button:backdrop,
     .question button:backdrop,
     .warning button:backdrop,
     .error button:backdrop {
       color: #fcfcfc;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #3daee9);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       border-color: #3daee9; }
       .info button:backdrop:disabled,
       .question button:backdrop:disabled,
       .warning button:backdrop:disabled,
       .error button:backdrop:disabled {
         color: #93d1f2;
         border-color: #5abaec;
         background-image: linear-gradient(to bottom, #5abaec);
         text-shadow: none;
         -gtk-icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0);
         border-color: #3daee9; }
         .info button:backdrop:disabled > .label, .info headerbar button.titlebutton:backdrop:disabled > .label,
         .info .titlebar button.titlebutton:backdrop:disabled > .label,
         .question button:backdrop:disabled > .label,
         .question headerbar button.titlebutton:backdrop:disabled > .label,
         .question .titlebar button.titlebutton:backdrop:disabled > .label,
         .warning button:backdrop:disabled > .label,
         .warning headerbar button.titlebutton:backdrop:disabled > .label,
         .warning .titlebar button.titlebutton:backdrop:disabled > .label,
         .error button:backdrop:disabled > .label,
         .error headerbar button.titlebutton:backdrop:disabled > .label,
         .error .titlebar button.titlebutton:backdrop:disabled > .label {
           color: inherit; }
   .info .label:selected,
   .info .label:selected:focus,
   .info .label:selected:hover,
   .question .label:selected,
   .question .label:selected:focus,
   .question .label:selected:hover,
   .warning .label:selected,
   .warning .label:selected:focus,
   .warning .label:selected:hover,
   .error .label:selected,
   .error .label:selected:focus,
   .error .label:selected:hover {
     background-color: #1998da; }
 
 /************
  * Tooltips *
  ************/
 tooltip {
   color: white;
   padding: 4px;
   /* not working */
   border-radius: 5px;
   box-shadow: none;
   text-shadow: 0 1px black; }
  tooltip.background {
     background-color: rgba(0, 0, 0, 0.8);
     background-clip: padding-box;
     border: 1px solid rgba(255, 255, 255, 0.1); }
  tooltip.window-frame.csd {
     background-color: transparent; }
 
 tooltip * {
   padding: 4px;
   background-color: transparent;
   color: inherit; }
 
 /*****************
  * Color Chooser *
  *****************/
 colorswatch {
   box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
   :selected colorswatch {
     box-shadow: none; }
     :selected colorswatch.overlay, :selected colorswatch.overlay:hover {
       border-color: #fcfcfc; }
   colorswatch:selected {
     box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
   colorswatch.top {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px; }
   colorswatch.bottom {
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px; }
   colorswatch.left, colorswatch:first-child:not(.overlay):not(.top) {
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px; }
   colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom) {
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px; }
   colorswatch:only-child:not(.overlay) {
     border-radius: 6px; }
   colorswatch.top > .overlay {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px; }
   colorswatch.bottom > .overlay {
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px; }
   colorswatch:first-child:not(.top) > .overlay {
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px; }
   colorswatch:last-child:not(.bottom) > .overlay {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px; }
   colorswatch:only-child > .overlay {
     border-radius: 5px; }
   colorswatch:hover, colorswatch:hover:selected {
     background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.1); }
     colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark {
       background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); }
   colorswatch:backdrop, colorswatch:backdrop:selected
   colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected {
     background-image: none;
     box-shadow: none; }
   colorchooser colorswatch {
     border-radius: 3px; }
     colorchooser colorswatch:hover {
       background-image: none;
       box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
     colorchooser colorswatch:backdrop {
       box-shadow: none; }
   colorswatch.color-dark {
     color: white;
     outline-color: rgba(0, 0, 0, 0.3); }
     colorswatch.color-dark:backdrop {
       color: rgba(255, 255, 255, 0.3); }
   colorswatch.color-light {
     color: black;
     outline-color: rgba(255, 255, 255, 0.5); }
     colorswatch.color-light:backdrop {
       color: rgba(0, 0, 0, 0.3); }
   colorswatch.overlay, colorswatch.overlay:selected {
     border: 1px solid rgba(0, 0, 0, 0.3); }
     colorswatch.overlay:hover, colorswatch.overlay:selected:hover {
       border-color: rgba(0, 0, 0, 0.5); }
   colorswatch#add-color-button {
     border-style: solid;
     border-width: 1px;
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     color: #31363b;
     border-color: #bdc3c7;
     background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1); }
     colorswatch#add-color-button:hover {
       color: #31363b;
       border-color: #3daee9;
       background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); }
     colorswatch#add-color-button:backdrop {
       color: #31363b;
       border-color: #bdc3c7;
       background-image: linear-gradient(to bottom, #eff0f1);
       text-shadow: none;
       -gtk-icon-shadow: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
     colorswatch#add-color-button .overlay {
       border-color: rgba(255, 255, 255, 0);
       background-color: transparent;
       background-image: none;
       box-shadow: none;
       text-shadow: none;
       -gtk-icon-shadow: none; }
 
 /********
  * Misc *
  ********/
 scale-popup button, scale-popup headerbar button.titlebutton, headerbar scale-popup button.titlebutton,
 scale-popup .titlebar button.titlebutton,
 .titlebar scale-popup button.titlebutton {
   padding: 6px; }
   scale-popup button:hover {
     background-color: rgba(49, 54, 59, 0.1);
     border-radius: 5px; }
 
 /**********************
  * Window Decorations *
  *********************/
 .window-frame {
   border-width: 0;
   box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
   /* this is used for the resize cursor area */
   margin: 10px; }
   .window-frame:backdrop {
     box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
   .window-frame.tiled {
     border-radius: 0; }
   .window-frame.popup {
     box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
   .window-frame.ssd {
     box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); }
   .window-frame.csd.popup {
     border-radius: 0;
     box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
   .window-frame.csd.tooltip {
     border-radius: 5px;
     box-shadow: none; }
   .window-frame.csd.message-dialog {
     border-radius: 7px;
     box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
   .window-frame.solid-csd {
     border-radius: 0;
     margin: 1px;
     background-color: #475057;
     border: 0;
     box-shadow: none; }
 
 headerbar .titlebutton.button,
 .titlebar .titlebutton.button {
   padding: 2px; }
   headerbar .titlebutton.button:backdrop,
   .titlebar .titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
   headerbar .titlebutton.close.button,
   .titlebar .titlebutton.close.button {
     color: transparent;
     border-image: none;
     box-shadow: none;
     background-position: center;
     background-repeat: no-repeat;
     background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); }
   headerbar .titlebutton.close.button:hover,
   .titlebar .titlebutton.close.button:hover {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); }
   headerbar .titlebutton.close.button:active,
   .titlebar .titlebutton.close.button:active {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); }
   headerbar .titlebutton.close.button:backdrop,
   .titlebar .titlebutton.close.button:backdrop {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); }
   headerbar .titlebutton.maximize.button,
   .titlebar .titlebutton.maximize.button {
     color: transparent;
     border-image: none;
     box-shadow: none;
     background-position: center;
     background-repeat: no-repeat;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); }
   headerbar .titlebutton.maximize.button:hover,
   .titlebar .titlebutton.maximize.button:hover {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); }
   headerbar .titlebutton.maximize.button:active,
   .titlebar .titlebutton.maximize.button:active {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); }
   headerbar .titlebutton.maximize.button:backdrop,
   .titlebar .titlebutton.maximize.button:backdrop {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); }
   headerbar .titlebutton.minimize.button,
   .titlebar .titlebutton.minimize.button {
     color: transparent;
     border-image: none;
     box-shadow: none;
     background-position: center;
     background-repeat: no-repeat;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); }
   headerbar .titlebutton.minimize.button:hover,
   .titlebar .titlebutton.minimize.button:hover {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); }
   headerbar .titlebutton.minimize.button:active,
   .titlebar .titlebutton.minimize.button:active {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
   headerbar .titlebutton.minimize.button:backdrop,
   .titlebar .titlebutton.minimize.button:backdrop {
     border-color: transparent;
     background-color: transparent;
     background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); }
 
 headerbar.selection-mode .titlebutton.button,
 .titlebar.selection-mode .titlebutton.button {
   text-shadow: none; }
   headerbar.selection-mode .titlebutton.button:backdrop,
   .titlebar.selection-mode .titlebutton.button:backdrop {
     -gtk-icon-shadow: none; }
 
 textview text selection, .view selection, .view:selected, calendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, menuitem.button.flat:selected, headerbar menuitem.titlebutton.button:selected,
 .titlebar menuitem.titlebutton.button:selected, list-row:selected, .sidebar:selected, placessidebar.sidebar .view:selected, placessidebar.sidebar calendar:selected {
   background-color: #3daee9;
   color: #fcfcfc;
   outline-color: rgba(252, 252, 252, 0.3); }
 
 /* Decouple the font of context menus from their entry/textview */
 .touch-selection,
 .context-menu {
   font: initial; }
 
 .monospace {
   font: Monospace; }
 
 .overshoot.top {
   background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a1aab0), to(rgba(161, 170, 176, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0)));
   background-size: 100% 5%, 100% 100%;
   background-repeat: no-repeat;
   background-position: center top;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.top:backdrop {
     background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c2c8cb), to(rgba(194, 200, 203, 0)));
     background-size: 100% 5%;
     background-repeat: no-repeat;
     background-position: center top;
     background-color: transparent;
     border: none;
     box-shadow: none; }
 .overshoot.bottom {
   background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a1aab0), to(rgba(161, 170, 176, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0)));
   background-size: 100% 5%, 100% 100%;
   background-repeat: no-repeat;
   background-position: center bottom;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.bottom:backdrop {
     background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c2c8cb), to(rgba(194, 200, 203, 0)));
     background-size: 100% 5%;
     background-repeat: no-repeat;
     background-position: center bottom;
     background-color: transparent;
     border: none;
     box-shadow: none; }
 .overshoot.left {
   background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a1aab0), to(rgba(161, 170, 176, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0)));
   background-size: 5% 100%, 100% 100%;
   background-repeat: no-repeat;
   background-position: left center;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.left:backdrop {
     background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c2c8cb), to(rgba(194, 200, 203, 0)));
     background-size: 5% 100%;
     background-repeat: no-repeat;
     background-position: left center;
     background-color: transparent;
     border: none;
     box-shadow: none; }
 .overshoot.right {
   background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a1aab0), to(rgba(161, 170, 176, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0)));
   background-size: 5% 100%, 100% 100%;
   background-repeat: no-repeat;
   background-position: right center;
   background-color: transparent;
   border: none;
   box-shadow: none; }
   .overshoot.right:backdrop {
     background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c2c8cb), to(rgba(194, 200, 203, 0)));
     background-size: 5% 100%;
     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.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-top: 1px;
   background-size: 10px 1px;
   background-repeat: repeat-x;
   background-origin: content-box;
   background-position: center top; }
 .undershoot.bottom {
   background-color: transparent;
   background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-bottom: 1px;
   background-size: 10px 1px;
   background-repeat: repeat-x;
   background-origin: content-box;
   background-position: center bottom; }
 .undershoot.left {
   background-color: transparent;
   background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-left: 1px;
   background-size: 1px 10px;
   background-repeat: repeat-y;
   background-origin: content-box;
   background-position: left center; }
 .undershoot.right {
   background-color: transparent;
   background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
   padding-right: 1px;
   background-size: 1px 10px;
   background-repeat: repeat-y;
   background-origin: content-box;
   background-position: right center; }
 
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */
 /*
 widget text/foreground color */
 @define-color theme_fg_color #31363b;
 /*
 text color for entries, views and content in general */
 @define-color theme_text_color #31363b;
 /*
 widget base background color */
 @define-color theme_bg_color #eff0f1;
 /*
 text widgets and the like base background color */
 @define-color theme_base_color #fcfcfc;
 /*
 base background color of selections */
 @define-color theme_selected_bg_color #3daee9;
 /*
 text/foreground color of selections */
 @define-color theme_selected_fg_color #fcfcfc;
 /*
 base background color of insensitive widgets */
 @define-color insensitive_bg_color #e6e7e8;
 /*
 text foreground color of insensitive widgets */
 @define-color insensitive_fg_color #909396;
 /*
 insensitive text widgets and the like base background color */
 @define-color insensitive_base_color #fcfcfc;
 /*
 widget text/foreground color on backdrop windows */
 @define-color theme_unfocused_fg_color #c0c2c4;
 /*
 text color for entries, views and content in general on backdrop windows */
 @define-color theme_unfocused_text_color #31363b;
 /*
 widget base background color on backdrop windows */
 @define-color theme_unfocused_bg_color #eff0f1;
 /*
 text widgets and the like base background color on backdrop windows */
 @define-color theme_unfocused_base_color white;
 /*
 base background color of selections on backdrop windows */
 @define-color theme_unfocused_selected_bg_color #3daee9;
 /*
 text/foreground color of selections on backdrop windows */
 @define-color theme_unfocused_selected_fg_color #fcfcfc;
 /*
 widgets main borders color */
 @define-color borders #bdc3c7;
 /*
 widgets main borders color on backdrop windows */
 @define-color unfocused_borders #c2c8cb;
 /*
 these are pretty self explicative */
 @define-color warning_color #f67400;
 @define-color error_color #ed1515;
 @define-color success_color #11d116;
 @define-color icon_red #da4453;
 /*
 titlebar colors */
 @define-color titlebar_bg_color #475057;
 @define-color titlebar_fg_color #fcfcfc;
 @define-color hover_color #93cee9;
 /*
 these colors are exported for the window manager and shouldn't be used in applications,
 read if you used those and something break with a version upgrade you're on your own... */
 @define-color wm_title #fcfcfc;
 @define-color wm_unfocused_title #c0c2c4;
 @define-color wm_highlight white;
 @define-color wm_borders_edge white;
 @define-color wm_bg_a #475057;
 @define-color wm_bg_b #475057;
 @define-color wm_shadow alpha(black, 0.35);
 @define-color wm_border alpha(black, 0.18);
 @define-color wm_button_hover_color_a shade(#eff0f1, 1.3);
 @define-color wm_button_hover_color_b #eff0f1;
 @define-color wm_button_active_color_a shade(#eff0f1, 0.85);
 @define-color wm_button_active_color_b shade(#eff0f1, 0.89);
 @define-color wm_button_active_color_c shade(#eff0f1, 0.9);
 @define-color content_view_bg #fcfcfc;
 
 /*# sourceMappingURL=gtk.css.map */