gtk.css

      box-shadow: none; }

/***********
 * Dialogs *
 ***********/
messagedialog.background {
  background-color: #2a2e33; }

messagedialog:backdrop {
  background-color: #2a2e33; }

messagedialog .titlebar {
  min-height: 32px;
  background-color: transparent;
  background-image: linear-gradient(to bottom, white, #2a2e33);
  box-shadow: none; }

messagedialog .dialog-action-area {
  padding: 8px; }

messagedialog button {
  margin: 2px; }

filechooser .search-bar {
  background-color: #2a2e33;
  border-color: #2a2e33;
  box-shadow: none; }
  filechooser .search-bar:backdrop {
    background-color: #2a2e33;
    border-color: #2a2e33;
    color: #c5cbd8; }

filechooser .dialog-action-box {
  border-top: 1px solid #4b5466; }
  filechooser .dialog-action-box:backdrop {
    border-top-color: #4b5466; }

filechooser #pathbarbox {
  background-color: #2a2e33;
  border-bottom: 1px solid #4b5466; }

/***************
 * Header bars *
 ***************/

headerbar {
  transition: none;
  padding: 0px 6px;
  border-width: 1px 0px 1px 0px;
  border-radius: 0px 0px 0px 0px;
  border-style: solid;
  border-top-color: #18334f;
  color: #c5cbd8;
  background-image: linear-gradient(to bottom, #1c2037, #2a2e33 70%); }
  
  headerbar:backdrop {
    border-color: transparent;
    background-image: none;
    background-color: #2a2e33;
    color: #bdc3c7;
    box-shadow: none; }
  
  headerbar label {
    font-weight: normal; }
    
    headerbar label:backdrop {
      color: #bdc3c7; }
  
  headerbar .path-bar button {
    color: #c5cbd8;
    font-weight: normal; }
    
    headerbar .path-bar button:backdrop {
      color: #bdc3c7; }
  
  headerbar button {
    transition: none;
    border-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #c5cbd8;
    text-shadow: none;
    -gtk-icon-shadow: none; }
    
    headerbar button.flat {
      border-color: rgba(255, 255, 255, 0);
      background-color: transparent;
      background-image: none;
      box-shadow: none;
      color: #c5cbd8;
      text-shadow: none;
      -gtk-icon-shadow: none; }
    
    headerbar button:hover {
      color: #c5cbd8;
      border-color: rgba(197, 203, 216, 0.33); }
      
      headerbar button:hover:backdrop {
        border-color: #2a2e33; }
    
    headerbar button:active,
    headerbar button:checked {
      color: #c5cbd8;
      border-color: rgba(197, 203, 216, 0.33);
      border-radius: 0px;
      background-image: linear-gradient(to bottom, #434953, #32373d); }
      
      headerbar button:active:hover,
      headerbar button:checked:hover {
        color: white;
        border-color: rgba(197, 203, 216, 0.5);
        background-image: linear-gradient(to bottom, #525965, #363c42); }
      
      headerbar button:active:backdrop,
      headerbar button:checked:backdrop {
        background-image: linear-gradient(to bottom, #434953, #32373d);
        border-color: rgba(197, 203, 216, 0.2);
        color: #bdc3c7; }
    
    headerbar button:backdrop {
      border-color: transparent;
      background-image: none;
      background-color: #2a2e33;
      color: #bdc3c7; }
    
    headerbar button.flat:backdrop,
    headerbar button.flat:backdrop:disabled,
    headerbar button:disabled:backdrop {
      background-image: none;
      background-color: #2a2e33;
      color: #bdc3c7;
      border-color: transparent; }
    
    headerbar button.flat:disabled {
      color: rgba(32, 35, 35, 0.35); }
    
    headerbar button:disabled {
      background-color: transparent;
      background-image: none;
      border-color: transparent;
      color: rgba(32, 35, 35, 0.35); }
      
      headerbar button:disabled:active,
      headerbar button:disabled:checked {
        color: #e5e5e5;
        border-color: rgba(37, 164, 230, 0.35);
        background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); }
        
        headerbar button:disabled:active > .label,
        headerbar button:disabled:checked > .label {
          color: inherit; }
  
  headerbar .title {
    font-weight: normal;
    padding: 0px 12px; }
    
    headerbar .title:backdrop {
      color: #bdc3c7; }
  
  headerbar .subtitle {
    font-size: smaller;
    padding: 0 12px; }
    
    headerbar .subtitle:backdrop {
      color: #bdc3c7; }
  
  headerbar separator {
    border-width: 0px;
    background-color: transparent;
    background-image: none;
    border-color: transparent; }
  
  headerbar.selection-mode .selection-menu {
    padding: 4px 6px; }
    
    headerbar.selection-mode .selection-menu GtkArrow {
      -GtkArrow-arrow-scaling: 1; }
    
    headerbar.selection-mode .selection-menu .arrow {
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
      -gtk-icon-shadow: none; }
  .tiled
  headerbar, .maximized
  headerbar {
    border-radius: 0; }

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


headerbar button.suggested-action,
headerbar.selection-mode.suggested-action {
  background-image: none;
  background-color: #c5cbd8; }
  
  headerbar button.suggested-action:hover,
  headerbar.selection-mode.suggested-action:hover {
    background-color: #93cee9;
    color: #c5cbd8; }
  
  headerbar button.suggested-action:disabled,
  headerbar.selection-mode.suggested-action:disabled {
    background-color: transparent;
    background-image: none;
    color: rgba(32, 35, 35, 0.35); }
    
    headerbar button.suggested-action:disabled:active,
    headerbar.selection-mode.suggested-action:disabled:active,
    headerbar button.suggested-action:disabled:checked,
    headerbar.selection-mode.suggested-action:disabled:checked {
      color: #e5e5e5;
      border-color: rgba(37, 164, 230, 0.35);
      background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); }
      headerbar button.suggested-action:disabled:active > .label, headerbar.selection-mode.suggested-action:disabled:active > .label, headerbar button.suggested-action:disabled:checked > .label, headerbar.selection-mode.suggested-action:disabled:checked > .label {
        color: inherit; }
  
  headerbar button.suggested-action:backdrop,
  headerbar.selection-mode.suggested-action:backdrop {
    background-color: #2a2e33;
    border-color: transparent;
    color: #bdc3c7; }
    
    headerbar button.suggested-action:backdrop:disabled,
    headerbar.selection-mode.suggested-action:backdrop:disabled {
      color: rgba(170, 178, 183, 0.35); }

/**************
 * GtkInfoBar *
 **************/
infobar {
  border-style: none;
  border-bottom: 1px solid #4b5466;
  background-color: #2a2e33;
  background-image: none; }
  infobar:backdrop {
    border-bottom: 1px solid #4b5466; }

.info,
headerbar.selection-mode,
.question,
.warning,
.error {
  background-color: #2a2e33;
  background-image: none;
  color: #f67400;
  text-shadow: none; }
  .info:backdrop,
  headerbar.selection-mode:backdrop,
  .question:backdrop,
  .warning:backdrop,
  .error:backdrop {
    background-color: #2a2e33;
    color: #f67400; }
  .info button, headerbar.selection-mode button,
  .question button,
  .warning button,
  .error button {
    box-shadow: none;
    background-image: none;
    background-color: rgba(246, 116, 0, 0.5);
    border-color: rgba(246, 116, 0, 0.5);
    color: #c5cbd8; }
    .info button:hover, headerbar.selection-mode button:hover,
    .question button:hover,
    .warning button:hover,
    .error button:hover {
      background-color: rgba(246, 116, 0, 0.25);
      border-color: #f67400; }
    .info button:active, headerbar.selection-mode button:active, .info button:checked, headerbar.selection-mode button:checked,
    .question button:active,
    .question button:checked,
    .warning button:active,
    .warning button:checked,
    .error button:active,
    .error button:checked {
      background-image: linear-gradient(to bottom, #f87500, #ef7100);
      color: #2a2e33;
      border-color: #f67400; }
    .info button:disabled, headerbar.selection-mode button:disabled,
    .question button:disabled,
    .warning button:disabled,
    .error button:disabled {
      background-color: rgba(224, 105, 0, 0);
      border-color: rgba(224, 105, 0, 0);
      color: rgba(32, 35, 35, 0.35); }
    .info button:backdrop, headerbar.selection-mode button:backdrop,
    .question button:backdrop,
    .warning button:backdrop,
    .error button:backdrop {
      background-color: rgba(246, 116, 0, 0.5);
      border-color: rgba(246, 116, 0, 0.5);
      color: #c5cbd8; }
      .info button:backdrop:active, headerbar.selection-mode button:backdrop:active, .info button:backdrop:checked, headerbar.selection-mode button:backdrop:checked,
      .question button:backdrop:active,
      .question button:backdrop:checked,
      .warning button:backdrop:active,
      .warning button:backdrop:checked,
      .error button:backdrop:active,
      .error button:backdrop:checked {
        background-image: linear-gradient(to bottom, #f87500, #ef7100);
        color: #2a2e33;
        border-color: #f67400; }
      .info button:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled,
      .question button:backdrop:disabled,
      .warning button:backdrop:disabled,
      .error button:backdrop:disabled {
        background-color: rgba(224, 105, 0, 0);
        border-color: rgba(224, 105, 0, 0);
        color: rgba(32, 35, 35, 0.35); }
      .info button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:active, .info button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:checked,
      .question button:backdrop:disabled:active,
      .question button:backdrop:disabled:checked,
      .warning button:backdrop:disabled:active,
      .warning button:backdrop:disabled:checked,
      .error button:backdrop:disabled:active,
      .error button:backdrop:disabled:checked {
        background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35));
        color: #d8dadd;
        border-color: rgba(224, 105, 0, 0.35); }

/*********
 * Links *
 *********/
button:link > label,
button:visited > label,
*:link,
button:link,
button:visited {
  color: #2980b9; }
  button:link > label:visited,
  button:visited > label:visited,
  *:link:visited,
  button:visited {
    color: #7f8c8d; }
    *:selected button:link > label:visited,
    *:selected button:visited > label:visited, *:selected *:link:visited, *:selected button:visited:link,
    *:selected button:visited {
      color: #b0ddf4; }
  button:link > label:hover,
  button:visited > label:hover,
  *:link:hover,
  button:hover:link,
  button:hover:visited {
    color: #409ad5; }
    *:selected button:link > label:hover,
    *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link,
    *:selected button:hover:visited {
      color: #e9f4fa; }
  button:link > label:active,
  button:visited > label:active,
  *:link:active,
  button:active:link,
  button:active:visited {
    color: #2980b9; }
    *:selected button:link > label:active,
    *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link,
    *:selected button:active:visited {
      color: #d6ecf8; }
  button:link > label:backdrop,
  button:visited > label:backdrop, button:link > label:backdrop:hover,
  button:visited > label:backdrop:hover, button:link > label:backdrop:hover:selected,
  button:visited > label:backdrop:hover:selected,
  *:link:backdrop,
  button:backdrop:link,
  button:backdrop:visited,
  *:link:backdrop:hover,
  button:backdrop:hover:link,
  button:backdrop:hover:visited,
  *:link:backdrop:hover:selected,
  headerbar.selection-mode .subtitle:backdrop:hover:link,
  button:backdrop:hover:selected:link,
  button:backdrop:hover:selected:visited {
    color: rgba(61, 174, 233, 0.5); }
  button:link > label:selected,
  button:visited > label:selected, *:selected button:link > label,
  *:selected button:visited > label,
  *:link:selected,
  headerbar.selection-mode .subtitle:link,
  button:selected:link,
  button:selected:visited, *:selected *:link, *:selected button:link,
  *:selected button:visited {
    color: #d6ecf8; }

button:link,
button:visited {
  text-shadow: none; }
  button:link:hover, button:link:active, button:link:checked,
  button:visited:hover,
  button:visited:active,
  button:visited:checked {
    text-shadow: none; }
  button:link > label,
  button:visited > label {
    text-decoration-line: underline; }

/*********
 * Lists *
 *********/
list {
  background-color: #2a2e33;
  color: #c5cbd8;
  border-width: 0px; }
  list:backdrop {
    background-color: #2a2e33;
    color: #c5cbd8; }
  list row {
    padding: 2px; }

row {
  transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  row:hover {
    transition: none; }
  row.activatable.has-open-popup, row.activatable:hover {
    background-color: rgba(91, 137, 102, 0.5); }
  row.activatable:active {
    box-shadow: none;
    background-color: #c5cbd8; }
  row.activatable:selected:active {
    box-shadow: none;
    background-color: #c5cbd8; }
  row.activatable:selected.has-open-popup, row.activatable:selected:hover {
    color: #c5cbd8;
    background-color: #93cee9; }
  row.activatable:selected:backdrop {
    background-color: #c5cbd8; }

/*********
 * Menus *
 *********/
menubar,
.menubar {
  -GtkWidget-window-dragging: true;
  padding: 0px;
  box-shadow: none;
  border-style: none;
  background-color: #2a2e33; }
  menubar:backdrop,
  .menubar:backdrop {
    background-color: #2a2e33; }
  menubar > menuitem,
  .menubar > menuitem {
    min-height: 16px;
    padding: 4px 6px;
    border-style: solid;
    border-width: 1px 0px;
    border-color: #2a2e33; }
    menubar > menuitem:hover,
    .menubar > menuitem:hover {
      background-color: #c5cbd8;
      color: #fcfcfc; }
    menubar > menuitem:disabled,
    .menubar > menuitem:disabled {
      color: rgba(32, 35, 35, 0.35);
      box-shadow: none; }
      menubar > menuitem:disabled:backdrop,
      .menubar > menuitem:disabled:backdrop {
        background-color: #2a2e33;
        color: rgba(32, 35, 35, 0.35); }
    menubar > menuitem:backdrop,
    .menubar > menuitem:backdrop {
      background-color: #2a2e33;
      border-color: #2a2e33;
      color: #c5cbd8; }

menu,
.menu {
  padding: 0px;
  background-color: #2a2e33;
  border: 0px solid transparent;
  box-shadow: inset 0px 0px 0px 1px #4b5466;
  border-radius: 3px; }
  .csd menu, .csd
  .menu {
    border: 0px solid;
    border-radius: 3px; }
  menu separator,
  .menu separator {
    color: #4b5466;
    margin-top: 3px;
    margin-bottom: 3px; }
  menu menuitem,
  .menu menuitem {
    text-shadow: none;
    min-height: 16px;
    min-width: 40px;
    padding: 4px 4px; }
    menu menuitem:hover,
    .menu menuitem:hover {
      color: #fcfcfc;
      background-color: #c5cbd8; }
    menu menuitem:disabled,
    .menu menuitem:disabled {
      color: rgba(32, 35, 35, 0.35); }
      menu menuitem:disabled:backdrop,
      .menu menuitem:disabled:backdrop {
        color: rgba(32, 35, 35, 0.35); }
    menu menuitem:backdrop, menu menuitem:backdrop:hover,
    .menu menuitem:backdrop,
    .menu menuitem:backdrop:hover {
      color: #c5cbd8;
      background-color: #2a2e33; }
    menu menuitem arrow,
    .menu menuitem arrow {
      min-height: 16px;
      min-width: 16px; }
      menu menuitem arrow:dir(ltr),
      .menu menuitem arrow:dir(ltr) {
        -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
        margin-left: 10px; }
      menu menuitem arrow:dir(rtl),
      .menu menuitem arrow:dir(rtl) {
        -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
        margin-right: 10px; }
  menu > arrow,
  .menu > arrow {
    border-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #c5cbd8;
    text-shadow: none;
    -gtk-icon-shadow: none;
    min-height: 16px;
    min-width: 16px;
    padding: 4px;
    background-color: transparent;
    border-radius: 0; }
    menu > arrow.top,
    .menu > arrow.top {
      margin-top: -6px;
      border: none;
      -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
    menu > arrow.bottom,
    .menu > arrow.bottom {
      margin-bottom: -6px;
      border: none;
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
    menu > arrow:hover,
    .menu > arrow:hover {
      color: #93cee9; }
    menu > arrow:active,
    .menu > arrow:active {
      color: #c5cbd8; }
    menu > arrow:backdrop,
    .menu > arrow:backdrop {
      background-color: #2a2e33; }
    menu > arrow:disabled,
    .menu > arrow:disabled {
      color: transparent;
      background-color: transparent;
      border-color: transparent; }

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

menuitem check,
menuitem radio {
  min-height: 18px;
  min-width: 18px; }
  menuitem check:dir(ltr),
  menuitem radio:dir(ltr) {
    margin-right: 6px; }
  menuitem check:dir(rtl),
  menuitem radio:dir(rtl) {
    margin-left: 6px; }

/***************
 * Popovers   *
 ***************/
/* menu buttons */
modelbutton.flat, popover.background checkbutton,
popover.background radiobutton,
.menuitem.button.flat {
  min-height: 16px;
  padding: 4px 8px;
  color: #c5cbd8; }
  modelbutton.flat:hover, popover.background checkbutton:hover,
  popover.background radiobutton:hover,
  .menuitem.button.flat:hover {
    background-color: #c5cbd8;
    color: #fcfcfc; }
  modelbutton.flat:selected, popover.background checkbutton:selected,
  popover.background radiobutton:selected,
  .menuitem.button.flat:selected {
    background-color: #c5cbd8;
    color: #fcfcfc; }
  modelbutton.flat:backdrop, popover.background checkbutton:backdrop,
  popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover,
  popover.background radiobutton:backdrop:hover,
  .menuitem.button.flat:backdrop,
  .menuitem.button.flat:backdrop:hover {
    color: #c5cbd8; }
  modelbutton.flat check:hover, popover.background checkbutton check:hover, popover.background radiobutton check:hover,
  .menuitem.button.flat check:hover {
    -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); }
  modelbutton.flat radio:hover, popover.background checkbutton radio:hover, popover.background radiobutton radio:hover,
  .menuitem.button.flat radio:hover {
    -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); }
  modelbutton.flat check:checked:hover, popover.background checkbutton check:checked:hover, popover.background radiobutton check:checked:hover,
  .menuitem.button.flat check:checked:hover {
    -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); }
  modelbutton.flat radio:checked:hover, popover.background checkbutton radio:checked:hover, popover.background radiobutton radio:checked:hover,
  .menuitem.button.flat radio:checked:hover {
    -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); }
  modelbutton.flat check:indeterminate:hover, popover.background checkbutton check:indeterminate:hover, popover.background radiobutton check:indeterminate:hover,
  .menuitem.button.flat check:indeterminate:hover {
    -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png")); }
  modelbutton.flat radio:indeterminate:hover, popover.background checkbutton radio:indeterminate:hover, popover.background radiobutton radio:indeterminate:hover,
  .menuitem.button.flat radio:indeterminate:hover {
    -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); }
  modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child,
  modelbutton.flat radio:last-child,
  popover.background checkbutton radio:last-child,
  popover.background radiobutton radio:last-child,
  .menuitem.button.flat check:last-child,
  .menuitem.button.flat radio:last-child {
    margin-right: 0px; }
  modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child,
  modelbutton.flat radio:first-child,
  popover.background checkbutton radio:first-child,
  popover.background radiobutton radio:first-child,
  .menuitem.button.flat check:first-child,
  .menuitem.button.flat radio:first-child {
    margin-left: 0px; }

modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow {
  background: none; }
  modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover {
    background: none; }
  modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left {
    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }

popover.background {
  padding: 0px;
  border: 1px solid #4b5466;
  border-radius: 3px;
  background-color: #2a2e33;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.9); }
  popover.background:backdrop {
    box-shadow: none; }
  popover.background > list,
  popover.background > .view,
  popover.background > toolbar {
    border-style: none;
    background-color: transparent; }
  .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier {
    border: 1px solid #4b5466; }
  popover.background separator {
    margin: 3px; }
  popover.background list separator {
    margin: 0px; }

GtkVolumeButton.button {
  padding: 5px; }

/********
 * Misc *
 ********/
/****************
* Print dialog *
*****************/
printdialog paper {
  color: #c5cbd8;
  border: 1px solid #4b5466;
  background: white;
  padding: 0; }
  printdialog paper:backdrop {
    color: #c5cbd8;
    border-color: #4b5466;
    background: white; }

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

/**********
* Frames *
**********/
frame > border,
.frame {
  box-shadow: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 1px solid #4b5466; }
  frame > border.flat,
  .frame.flat {
    border-style: none; }
  frame > border:backdrop,
  .frame:backdrop {
    border-color: #4b5466; }

actionbar > revealer > box {
  padding: 6px;
  border-top: 1px solid #4b5466; }
  actionbar > revealer > box:backdrop {
    border-color: #4b5466; }

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

scrolledwindow junction {
  border-color: transparent;
  background-color: transparent;
  background-image: none; }

separator {
  background: #4b5466;
  min-width: 1px;
  min-height: 1px; }

/*************
* Expanders *
*************/
expander arrow {
  min-width: 16px;
  min-height: 16px;
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  expander arrow:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  expander arrow:hover {
    color: #6b7578; }
  expander arrow:checked {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

/*********
* Paned *
*********/
paned > separator {
  min-width: 1px;
  min-height: 1px;
  -gtk-icon-source: none;
  border-style: none;
  background-color: transparent;
  background-image: image(#4b5466);
  background-size: 1px 1px; }
  paned > separator:backdrop {
    background-image: image(#4b5466); }
  paned > separator.wide {
    min-width: 5px;
    min-height: 5px;
    background-color: #2a2e33;
    background-image: image(#4b5466), image(#4b5466);
    background-size: 1px 1px, 1px 1px; }
    paned > separator.wide:backdrop {
      background-color: #2a2e33;
      background-image: image(#4b5466), image(#4b5466); }

paned.horizontal > separator {
  background-repeat: repeat-y; }
  paned.horizontal > separator:dir(ltr) {
    margin: 0 -8px 0 0;
    padding: 0 8px 0 0;
    background-position: left; }
  paned.horizontal > separator:dir(rtl) {
    margin: 0 0 0 -8px;
    padding: 0 0 0 8px;
    background-position: right; }
  paned.horizontal > separator.wide {
    margin: 0;
    padding: 0;
    background-repeat: repeat-y, repeat-y;
    background-position: left, right; }

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

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

spinner {
  background-image: none;
  opacity: 0;
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
  spinner:checked {
    opacity: 1;
    animation: spin 1s linear infinite; }
    spinner:checked:disabled {
      opacity: 0.5; }

/*****************
 * Notebooks and *
 * Tabs          *
 *****************/
/*************
  * Notebooks *
  *************/
notebook.frame {
  border: none;
  padding: 0px;
  box-shadow: inset 0px 0px 0px 1px #4b5466; }

notebook > header {
  padding: 0px;
  border: none;
  background-color: #2a2e33; }
  notebook > header.top {
    box-shadow: inset 0 -1px #4b5466; }
    notebook > header.top:backdrop {
      box-shadow: inset 0 -1px #4b5466; }
  notebook > header.bottom {
    box-shadow: inset 0 1px #4b5466; }
    notebook > header.bottom:backdrop {
      box-shadow: inset 0 1px #4b5466; }
  notebook > header.right {
    box-shadow: inset 1px 0 #4b5466; }
    notebook > header.right:backdrop {
      box-shadow: inset 1px 0 #4b5466; }
  notebook > header.left {
    box-shadow: inset -1px 0 #4b5466; }
    notebook > header.left:backdrop {
      box-shadow: inset -1px 0 #4b5466; }
  notebook > header:backdrop {
    background-color: #2a2e33; }
  notebook > header tabs {
    margin: 0px; }
  notebook > header.top > tabs > tab {
    padding: 4px 6px;
    border: 1px solid #2a2e33;
    background-color: #2a2e33;
    border-radius: 0px 0px 0px 0px;
    border-bottom-color: #4b5466; }
    notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab.prelight-page {
      background-color: transparent;
      border-color: #4b5466;
        color: #ffffff;
    }
    notebook > header.top > tabs > tab:checked {
      border-color: #4b5466;
      border-bottom-color: #2a2e33;
      background-color: #2a2e33; }
      notebook > header.top > tabs > tab:checked:backdrop {
        border-color: #4b5466;
        border-bottom-color: #2a2e33;
        background-color: #2a2e33; }
  notebook > header.bottom > tabs > tab {
    padding: 4px 6px;
    border: 1px solid rgba(35, 38, 39, 0.2);
    background-color: rgba(35, 38, 39, 0.2);
    border-radius: 0px 0px 0px 0px;
    border-top-color: transparent; }
    notebook > header.bottom > tabs > tab:hover, notebook > header.bottom > tabs > tab.prelight-page {
      background-color: transparent;
      border-color: #4b5466;
        color: white; }
    notebook > header.bottom > tabs > tab:checked {
      border-color: #4b5466;
      border-top-color: #2a2e33;
      background-color: #2a2e33; }
      notebook > header.bottom > tabs > tab:checked:backdrop {
        border-color: #4b5466;
        border-top-color: #2a2e33;
        background-color: #2a2e33; }
  notebook > header.left > tabs > tab {
    padding: 4px 6px;
    border: 1px solid rgba(35, 38, 39, 0.2);
    background-color: rgba(35, 38, 39, 0.2);
    border-radius: 0px 0px 0px 0px;
    border-right-color: transparent; }
    notebook > header.left > tabs > tab:hover, notebook > header.left > tabs > tab.prelight-page {
      background-color: transparent;
      border-color: #4b5466;
        color: white; }
    notebook > header.left > tabs > tab:checked {
      border-color: #4b5466;
      border-right-color: #2a2e33;
      background-color: #2a2e33; }
      notebook > header.left > tabs > tab:checked:backdrop {
        border-color: #4b5466;
        border-right-color: #2a2e33;
        background-color: #2a2e33; }
  notebook > header.right > tabs > tab {
    padding: 4px 6px;
    border: 1px solid rgba(35, 38, 39, 0.2);
    background-color: rgba(35, 38, 39, 0.2);
    border-radius: 0px 0px 0px 0px;
    border-left-color: transparent; }
    notebook > header.right > tabs > tab:hover, notebook > header.right > tabs > tab.prelight-page {
      background-color: transparent;
      border-color: #4b5466;
        color: white; }
    notebook > header.right > tabs > tab:checked {
      border-color: #4b5466;
      border-left-color: #2a2e33;
      background-color: #2a2e33; }
      notebook > header.right > tabs > tab:checked:backdrop {
        border-color: #4b5466;
        border-left-color: #2a2e33;
        background-color: #2a2e33; }
  notebook > header.top > tabs > tab.reorderable-page {
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    background-color: #2a2e33;
    background-clip: padding-box;
    border-right-width: 1px;
    border-right-color: #4b5466;
    box-shadow: inset -3px 0px 0px 0px #2a2e33; }
    notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.top > tabs > tab.reorderable-page.prelight-page {
      box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #2a2e33; }
    notebook > header.top > tabs > tab.reorderable-page:checked {
      box-shadow: inset 0px -3px 0px 0px #c5cbd8, inset -3px 0px 0px 0px #2a2e33; }
      notebook > header.top > tabs > tab.reorderable-page:checked:backdrop {
        background-color: #2a2e33;
        border-color: transparent;
        border-right-color: #4b5466;
        box-shadow: none; }
    notebook > header.top > tabs > tab.reorderable-page:backdrop {
      background-color: #2a2e33;
      border-right-color: #4b5466;
      box-shadow: none; }
  notebook > header.bottom > tabs > tab.reorderable-page {
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    background-color: #2a2e33;
    background-clip: padding-box;
    border-right-width: 1px;
    border-right-color: #4b5466;
    box-shadow: inset -3px 0px 0px 0px #2a2e33; }
    notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab.reorderable-page.prelight-page {
      box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #2a2e33; }
    notebook > header.bottom > tabs > tab.reorderable-page:checked {
      box-shadow: inset 0px -3px 0px 0px #c5cbd8, inset -3px 0px 0px 0px #2a2e33; }
      notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop {
        background-color: #2a2e33;
        border-color: transparent;
        border-right-color: #4b5466;
        box-shadow: none; }
    notebook > header.bottom > tabs > tab.reorderable-page:backdrop {
      background-color: #2a2e33;
      border-right-color: #4b5466;
      box-shadow: none; }
  notebook > header.left > tabs > tab.reorderable-page {
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    background-color: #2a2e33;
    background-clip: padding-box;
    border-bottom-width: 1px;
    border-bottom-color: #4b5466;
    box-shadow: inset 0px -3px 0px 0px #2a2e33; }
    notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab.reorderable-page.prelight-page {
      box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #2a2e33; }
    notebook > header.left > tabs > tab.reorderable-page:checked {
      box-shadow: inset 0px -3px 0px 0px #c5cbd8, inset 0px -3px 0px 0px #2a2e33; }
      notebook > header.left > tabs > tab.reorderable-page:checked:backdrop {
        background-color: #2a2e33;
        border-color: transparent;
        border-bottom-color: #4b5466;
        box-shadow: none; }
    notebook > header.left > tabs > tab.reorderable-page:backdrop {
      background-color: #2a2e33;
      border-bottom-color: #4b5466;
      box-shadow: none; }
  notebook > header.right > tabs > tab.reorderable-page {
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    background-color: #2a2e33;
    background-clip: padding-box;
    border-bottom-width: 1px;
    border-bottom-color: #4b5466;
    box-shadow: inset 0px -3px 0px 0px #2a2e33; }
    notebook > header.right > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab.reorderable-page.prelight-page {
      box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #2a2e33; }
    notebook > header.right > tabs > tab.reorderable-page:checked {
      box-shadow: inset 0px -3px 0px 0px #c5cbd8, inset 0px -3px 0px 0px #2a2e33; }
      notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
        background-color: #2a2e33;
        border-color: transparent;
        border-bottom-color: #4b5466;
        box-shadow: none; }
    notebook > header.right > tabs > tab.reorderable-page:backdrop {
      background-color: #2a2e33;
      border-bottom-color: #4b5466;
      box-shadow: none; }
  notebook > header.top > tabs > arrow {
    border-top-style: none; }
  notebook > header.bottom > tabs > arrow {
    border-bottom-style: none; }
  notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {