gtk.css

    margin-left: -5px;
    margin-right: -5px;
    padding-left: 4px;
    padding-right: 4px; }
    notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
      -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
    notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  notebook > header.left > tabs > arrow {
    border-left-style: none; }
  notebook > header.right > tabs > arrow {
    border-right-style: none; }
  notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
    margin-top: -5px;
    margin-bottom: -5px;
    padding-top: 4px;
    padding-bottom: 4px; }
    notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
      -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
    notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  notebook > header > tabs > arrow {
    min-height: 16px;
    min-width: 16px;
    border-radius: 0; }
    notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
      background-clip: padding-box;
      background-image: none;
      background-color: rgba(255, 255, 255, 0.3);
      border-color: transparent;
      box-shadow: none; }
    notebook > header > tabs > arrow:disabled {
      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; }
  notebook > header button.flat {
    padding: 0;
    margin: 4px;
    min-width: 12px;
    min-height: 12px;
    border: 0px solid;
    border-radius: 50%;
    color: #2a2e33;
    background-color: #4b5466;
    background-image: none; }
    notebook > header button.flat:hover {
      background-color: #da4453; }
    notebook > header button.flat:active {
      background-color: #da4453; }
    notebook > header button.flat:backdrop {
      background-color: #4b5466;
      color: #2a2e33; }

notebook > stack:not(:only-child) {
  background-color: transparent;
  border-style: solid;
  border-color: #4b5466;
  border-width: 0px; }

scrolledwindow overshoot.top {
  background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0)));
  background-size: 100% 5%, 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: transparent;
  border: none;
  box-shadow: none; }
  scrolledwindow overshoot.top:backdrop {
    background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#4b5466), to(rgba(188, 190, 191, 0)));
    background-size: 100% 5%;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    border: none;
    box-shadow: none; }

scrolledwindow overshoot.bottom {
  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0)));
  background-size: 100% 5%, 100% 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: transparent;
  border: none;
  box-shadow: none; }
  scrolledwindow overshoot.bottom:backdrop {
    background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#4b5466), to(rgba(188, 190, 191, 0)));
    background-size: 100% 5%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: transparent;
    border: none;
    box-shadow: none; }

scrolledwindow overshoot.left {
  background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0)));
  background-size: 5% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-color: transparent;
  border: none;
  box-shadow: none; }
  scrolledwindow overshoot.left:backdrop {
    background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#4b5466), to(rgba(188, 190, 191, 0)));
    background-size: 5% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    border: none;
    box-shadow: none; }

scrolledwindow overshoot.right {
  background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0)));
  background-size: 5% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: transparent;
  border: none;
  box-shadow: none; }
  scrolledwindow overshoot.right:backdrop {
    background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#4b5466), to(rgba(188, 190, 191, 0)));
    background-size: 5% 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: transparent;
    border: none;
    box-shadow: none; }

scrolledwindow undershoot {
  background-image: none;
  border: none; }

/************
 * Pathbars *
 ************/
.path-bar {
  background-color: #2a2e33;
  border-bottom: 1px solid #4b5466; }

.path-bar button {
  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;
  padding: 4px 8px;
  color: #c5cbd8; }
  .path-bar button:hover {
    border-color: #93cee9; }
  .path-bar button:active, .path-bar button:checked {
    background-color: #4b5466;
    font-weight: normal; }
  .path-bar button.text-button, .path-bar button.image-button, .path-bar button {
    padding-left: 4px;
    padding-right: 4px; }
  .path-bar button.text-button.image-button label {
    padding-left: 0;
    padding-right: 0; }
  .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
    padding-right: 8px; }
  .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
    padding-left: 8px; }
  .path-bar button image {
    padding-left: 4px;
    padding-right: 4px; }
  .path-bar button.slider-button {
    padding-left: 0;
    padding-right: 0; }

/*****************
 * Progress bars *
 *****************/
progressbar {
  font-size: smaller;
  color: rgba(35, 38, 39, 0.3); }
  progressbar.horizontal trough,
  progressbar.horizontal progress {
    min-height: 6px; }
  progressbar.vertical trough,
  progressbar.vertical progress {
    min-width: 6px; }
  progressbar trough {
    border: 0px solid transparent;
    border-radius: 3px;
    background-color: #4b5466; }
  progressbar:backdrop trough {
    background-color: rgba(35, 38, 39, 0.3); }
  progressbar progress {
    background-color: #c5cbd8;
    border: 0px solid transparent;
    border-radius: 3px;
    box-shadow: none; }
  progressbar:backdrop progress {
    background-color: #c5cbd8; }
  progressbar.osd {
    background-color: transparent; }

treeview.view.progressbar {
  border: 0px solid transparent;
  border-radius: 3px;
  background-color: #c5cbd8;
  color: #fcfcfc;
  background-image: none; }
  treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected {
    background-color: rgba(252, 252, 252, 0.25); }

treeview.view.trough {
  background-color: #b2b3b4; }
  treeview.view.trough:selected:focus, treeview.view.trough:selected {
    background-color: rgba(252, 252, 252, 0.3); }

/*************
 * Level Bar *
 *************/
levelbar block {
  min-width: 32px;
  min-height: 6px; }

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

levelbar trough {
  border: 1px solid;
  padding: 2px;
  border-radius: 3px;
  color: #c5cbd8;
  border-color: #4b5466;
  background-color: #4b5466;
  box-shadow: none; }
  levelbar trough:backdrop {
    color: #c5cbd8;
    border-color: #4b5466;
    background-color: #fcfcfc; }

levelbar.horizontal.discrete block {
  margin: 0 1px; }

levelbar.vertical.discrete block {
  margin: 1px 0; }

levelbar block:not(.empty) {
  border: 1px solid #c5cbd8;
  background-color: #c5cbd8;
  box-shadow: none;
  border-radius: 1px; }
  levelbar block:not(.empty):backdrop {
    border-color: #c5cbd8;
    background-color: #c5cbd8; }

levelbar block.low {
  border-color: #f67400;
  background-color: #f67400; }
  levelbar block.low:backdrop {
    background-color: #f67400;
    border-color: #f67400; }

levelbar block.high {
  border-color: #21486d;
  background-color: #c5cbd8; }
  levelbar block.high:backdrop {
    background-color: #27ae60;
    border-color: #27ae60; }

levelbar block.full {
  border-color: #27ae60;
  background-color: #27ae60; }
  levelbar block.full:backdrop {
    background-color: #27ae60;
    border-color: #27ae60; }

levelbar block.empty {
  background-color: rgba(35, 38, 39, 0.3);
  border-color: transparent;
  box-shadow: none; }
  levelbar block.empty:backdrop {
    background-color: rgba(35, 38, 39, 0.3); }

/************
 * GtkScale *
 ************/
scale.fine-tune.trough {
  margin: 8px;
  border-radius: 3px; }

scale slider {
  min-width: 18px;
  min-height: 18px;
  background-color: #c5cbd8;
  border: 0px solid red;
  border-radius: 50%;
  box-shadow: none;
  margin: -9px; }
  scale slider:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #c5cbd8;
    border-radius: 50%; }
    scale slider:hover:backdrop {
      background-color: #2a2e33;
      border-color: #93cee9; }
  scale slider:disabled {
    border-style: solid;
    border-radius: 50%;
    background-color: #4b5466;
    border-color: rgba(170, 173, 174, 0.35); }
    scale slider:disabled:backdrop {
      background-color: #2a2e33;
      border-color: rgba(170, 173, 174, 0.35); }
  scale slider:active {
    border: 1px solid #c5cbd8; }
    scale slider:active:backdrop {
      background-color: #2a2e33;
      border-color: #c5cbd8; }
  scale slider:backdrop {
    background-color: #2a2e33;
    border-color: #4b5466; }

scale trough {
  min-width: 6px;
  min-height: 6px;
  margin: 9px;
  border: 0px solid;
  border-radius: 3px;
  background-color: #4b5466;
  box-shadow: none; }
  scale trough:disabled, scale trough.vertical:disabled {
    border-color: rgba(162, 163, 164, 0.35);
    background-color: #4b5466;
    box-shadow: none; }
    scale trough:disabled:backdrop, scale trough.vertical:disabled:backdrop {
      background-color: rgba(162, 163, 164, 0.35);
      border-color: rgba(162, 163, 164, 0.35); }
  scale trough:backdrop {
    background-color: #b2b3b4;
    border-color: #b2b3b4; }

scale highlight {
  border: 0px solid;
  border-radius: 3px;
  background-color: #c5cbd8;
  border-color: #c5cbd8; }
  scale highlight.vertical {
    background-color: #c5cbd8;
    border-color: #c5cbd8; }
  scale highlight:disabled {
    background-color: #4b5466; }
  scale highlight:backdrop {
    background-color: rgba(61, 174, 233, 0.5);
    border-color: rgba(61, 174, 233, 0.5); }
    scale highlight:backdrop:disabled {
      background-color: rgba(37, 164, 230, 0.35); }

/**************
 * Scrollbars *
 **************/
scrollbar {
  -GtkScrollbar-has-backward-stepper: false;
  -GtkScrollbar-has-forward-stepper: false;
  background-color: #2a2e33;
  border-width: 0px 0px;
  border-color: #2a2e33;
  margin: 0px; }
  scrollbar button {
    min-width: 14px;
    min-height: 14px;
    margin: 0px;
    padding: 0px 0px;
    border: none;
    border-radius: 0px;
    background-image: none;
    background-color: transparent;
    color: transparent;
    box-shadow: none; }
    scrollbar button:hover {
      border: none;
      background-image: none;
      background-color: #2a2e33;
      color: transparent; }
    scrollbar button:active, scrollbar button:active:hover {
      border: none;
      background-image: none;
      background-color: #2a2e33;
      color: transparent; }
    scrollbar button:disabled {
      border: none;
      background-color: #2a2e33;
      background-image: none;
      color: transparent; }
    scrollbar button:backdrop {
      color: #c5cbd8; }
      scrollbar button:backdrop:disabled {
        color: rgba(32, 35, 35, 0.35); }
  scrollbar.dragging, scrollbar.hovering {
    opacity: 0.9910; }
  scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
    opacity: 0.999; }
  scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
    -GtkScrollbar-has-backward-stepper: false;
    -GtkScrollbar-has-forward-stepper: false; }
    scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
      min-width: 6px;
      border-radius: 8px;
      background-color: rgba(107, 109, 110, 0.8); }
      scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider:backdrop {
        background-color: #6b6d6e; }
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
      min-height: 6px; }
  scrollbar.overlay-indicator {
    background: none; }
  scrollbar trough {
    transition-duration: 0.1s;
    min-width: 6px;
    min-height: 14px;
    border: 0px solid #2a2e33;
    border-radius: 8px;
    background-color: transparent; }
  scrollbar:hover trough {
    background-color: #4b5466;
    box-shadow: inset 0px 0px 0px 5px #2a2e33; }
  scrollbar slider {
    transition-duration: 0.1s;
    min-width: 6px;
    min-height: 30px;
    border: 5px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #c5cbd8; }
    scrollbar slider:hover {
      background-color: #c5cbd8; }
    scrollbar slider:backdrop {
      background-color: #6b6d6e; }
    scrollbar slider:backdrop:disabled {
      background-color: rgba(97, 99, 100, 0.35); }
  scrollbar.horizontal slider {
    min-width: 30px;
    min-height: 6px; }

/***********
 * Sidebar *
 ***********/
.sidebar {
  border: none;
  background-color: #2a2e33; }
  .sidebar:backdrop {
    background-color: #2a2e33; }

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

placessidebar row {
  min-height: 36px;
  padding: 0px; }
  placessidebar row > revealer {
    padding: 0 14px; }
  placessidebar row:selected {
    color: #fcfcfc; }
  placessidebar row:disabled {
    color: rgba(32, 35, 35, 0.35); }
  placessidebar row:backdrop {
    color: #c5cbd8; }
    placessidebar row:backdrop:selected {
      color: #c5cbd8; }
    placessidebar row:backdrop:disabled {
      color: rgba(32, 35, 35, 0.35); }
  placessidebar row image.sidebar-icon:dir(ltr) {
    padding-right: 8px; }
  placessidebar row image.sidebar-icon:dir(rtl) {
    padding-left: 8px; }
  placessidebar row label.sidebar-label:dir(ltr) {
    padding-right: 2px; }
  placessidebar row label.sidebar-label:dir(rtl) {
    padding-left: 2px; }
  button.sidebar-button {
    min-height: 26px;
    min-width: 26px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0; }
  placessidebar row:selected:active {
    box-shadow: none; }
  placessidebar row.sidebar-placeholder-row {
    padding: 0 8px;
    min-height: 2px;
    background-image: none;
    background-clip: content-box; }
  placessidebar row.sidebar-new-bookmark-row {
    color: #c5cbd8; }

placesview .server-list-button > image {
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -gtk-icon-transform: rotate(0turn); }

placesview .server-list-button:checked > image {
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -gtk-icon-transform: rotate(-0.5turn); }

placesview row.activatable:hover {
  background-color: transparent; }

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

stacksidebar.sidebar row {
  padding: 10px 4px; }
  stacksidebar.sidebar row > label {
    padding-left: 6px;
    padding-right: 6px; }
  stacksidebar.sidebar row.needs-attention > .label {
    background-size: 6px 6px, 0 0; }

/*****************
 * GtkSpinButton *
 *****************/
spinbutton:not(.vertical) {
  padding: 0; }
  spinbutton:not(.vertical) entry {
    min-width: 28px;
    margin: 0;
    background: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none; }
    spinbutton:not(.vertical) entry:backdrop:disabled {
      background-color: transparent; }
  spinbutton:not(.vertical) button {
    min-height: 16px;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    color: #c5cbd8;
    background-image: none;
    background-color: transparent;
    border-style: none;
    box-shadow: none; }
    spinbutton:not(.vertical) button:hover {
      color: #93cee9; }
    spinbutton:not(.vertical) button:disabled {
      color: rgba(32, 35, 35, 0.35); }
    spinbutton:not(.vertical) button:active {
      color: #c5cbd8;
      box-shadow: none; }
    spinbutton:not(.vertical) button:backdrop {
      color: #c5cbd8;
      background-color: transparent; }
    spinbutton:not(.vertical) button:backdrop:disabled {
      color: rgba(32, 35, 35, 0.35);
      background-color: transparent;
      border-style: none; }
    spinbutton:not(.vertical) button:dir(ltr):last-child {
      border-radius: 0 3px 3px 0; }
    spinbutton:not(.vertical) button:dir(rtl):first-child {
      border-radius: 3px 0 0 3px; }

spinbutton.vertical:disabled {
  color: rgba(32, 35, 35, 0.35); }

spinbutton.vertical:backdrop:disabled {
  color: rgba(32, 35, 35, 0.35); }

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

spinbutton.vertical entry {
  margin: 0px;
  min-height: 26px;
  min-width: 26px;
  border-style: none solid none solid;
  border-color: #4b5466;
  padding: 0;
  border-radius: 0; }
  spinbutton.vertical entry:disabled {
    color: rgba(32, 35, 35, 0.35);
    background-color: #e5e5e5;
    border-color: rgba(170, 173, 174, 0.35); }
  spinbutton.vertical entry:backdrop:disabled {
    color: rgba(32, 35, 35, 0.35);
    background-color: #e5e5e5;
    border-color: rgba(170, 173, 174, 0.35); }

spinbutton.vertical button {
  min-height: 22px;
  min-width: 22px;
  padding: 0;
  box-shadow: none;
/*   background-image: none; */
  background-image: linear-gradient(to bottom, #434953, #32373d);
  color: #c5cbd8;
  border-color: #4b5466; }
  spinbutton.vertical button:hover {
    color: white; }
  spinbutton.vertical button:active {
    color: white; }
  spinbutton.vertical button:disabled {
    color: rgba(32, 35, 35, 0.35);
    background-color: #434952;
    border-color: rgba(170, 173, 174, 0.35); }
  spinbutton.vertical button:backdrop:disabled {
    color: rgba(32, 35, 35, 0.35);
    background-color: #e5e5e5;
    border-color: rgba(170, 173, 174, 0.35); }

spinbutton.vertical button.up {
  border-radius: 0px 0px 0 0;
  border-style: solid solid none solid; }

spinbutton.vertical button.down {
  border-radius: 0 0 0px 0px;
  border-style: none solid solid solid; }

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

/**********
 * Switch *
 **********/
switch {
  margin: 2px;
  font-weight: bold;
  font-size: smaller;
  min-width: 48px;
  min-height: 24px;
  border: 0px solid;
  border-radius: 12px;
  color: transparent;
  background-color: #434952;
  text-shadow: none; }
  switch:checked {
    background-color: #858992; }
  switch:backdrop {
    background-color: rgba(35, 38, 39, 0.3);
    text-shadow: none; }
    switch:backdrop:checked {
      background-color: #c5cbd8; }
  switch slider {
    min-width: 22px;
    min-height: 22px;
    border: 0px solid;
    border-radius: 11px;
    background-color: #c5cbd8;
    border-color: #4b5466; }
  switch:hover slider {
    border-color: #c5cbd8; }
  switch:disabled slider {
    background-color: #5c6470;
      border: 0px solid;
}
  switch:backdrop slider {
    background-color: #2a2e33; }
  switch:backdrop:disabled slider {
    background-color: #d8dadd; }

/************
 * Toolbars *
 ************/
toolbar, .inline-toolbar, searchbar,
.location-bar {
  -GtkWidget-window-dragging: true;
  padding: 4px;
  background-color: #2a2e33; }

toolbar {
  padding: 4px 3px 3px 4px; }
  toolbar:backdrop {
    background-color: #2a2e33;
    box-shadow: none; }
  toolbar button {
    margin: 2px;
    padding: 3px; }
    toolbar button.image-button, toolbar button.text-button.image-button {
      padding: 3px; }
  toolbar separator {
    margin-left: 3px;
    margin-right: 3px; }
  toolbar entry {
    margin: 3px; }
  .osd toolbar {
    background-color: transparent; }
  toolbar.osd {
    padding: 13px;
    border: none;
    border-radius: 3px;
    background-color: #2a2e33; }
    toolbar.osd:backdrop {
      border-color: #4b5466;
      background-color: #2a2e33;
      box-shadow: none; }
    toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
      border-radius: 0; }

.inline-toolbar {
  border-width: 0px 0px 1px 0px;
  padding: 3px;
  border-radius: 0; }

searchbar,
.location-bar {
  border-width: 0px 0px 1px 0px;
  padding: 3px; }

.inline-toolbar, searchbar,
.location-bar {
  border-style: solid;
  border-color: #4b5466;
  text-shadow: none;
  background-color: #2a2e33; }

/************
 * Tooltips *
 ************/
tooltip {
  color: #fcfcfc;
  padding: 4px;
  /* not working */
  border-radius: 3px;
  box-shadow: none;
  text-shadow: none;
  border: 1px solid #595c5c; }
  tooltip.background {
    background-color: #c5cbd8;
    background-clip: padding-box; }
  tooltip.window-frame.csd {
    background-color: transparent;
    box-shadow: none; }
  tooltip decoration {
    background-color: transparent; }

tooltip * {
  padding: 0px;
  background-color: transparent;
  color: #fcfcfc; }

/**************
 * Tree Views *
 **************/
treeview.view {
  -GtkTreeView-grid-line-width: 0;
  -GtkTreeView-grid-line-pattern: '';
  -GtkTreeView-tree-line-width: 1;
  -GtkTreeView-tree-line-pattern: '';
  -GtkTreeView-expander-size: 16;
  border-left-color: #4b5466;
  border-top-color: transparent; }
  treeview.view:selected {
    border-radius: 0; }
  treeview.view:selected {
    background-color: #c5cbd8;
    border-left-color: #fcfcfc;
    border-top-color: #fcfcfc; }
  treeview.view:backdrop:selected {
    background-color: rgba(61, 174, 233, 0.5);
    border-left-color: #fcfcfc;
    border-top-color: #fcfcfc; }
  treeview.view:disabled {
    color: rgba(170, 173, 174, 0.35); }
    treeview.view:disabled:selected {
      color: #e5e5e5; }
      treeview.view:disabled:selected:backdrop {
        color: #e5e5e5; }
    treeview.view:disabled:backdrop {
      color: rgba(170, 173, 174, 0.35); }
  treeview.view.separator {
    min-height: 2px;
    color: #4b5466; }
  treeview.view.separator:backdrop {
    color: #4b5466; }
  treeview.view:backdrop {
    border-left-color: #4b5466; }
  treeview.view:drop(active) {
    border-style: solid none;
    border-width: 1px;
    border-color: #93cee9; }
  treeview.view.expander {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
    color: #c5cbd8; }
    treeview.view.expander:dir(rtl) {
      -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
    treeview.view.expander:hover {
      color: #93cee9; }
    treeview.view.expander:selected {
      color: #fcfcfc; }
    treeview.view.expander:checked {
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
      treeview.view.expander:checked:selected {
        color: #fcfcfc; }
      treeview.view.expander:checked:backdrop {
        color: #fcfcfc; }
    treeview.view.expander:backdrop {
      color: #fcfcfc; }
  treeview.view header button {
    color: #c5cbd8;
    background-color: #2a2e33;
    text-shadow: none;
    box-shadow: none; }
    treeview.view header button:hover {
      color: #c5cbd8;
      background-color: rgba(147, 206, 233, 0.5);
      box-shadow: none;
      transition: none; }
    treeview.view header button:active {
      color: #c5cbd8;
      background-color: rgba(147, 206, 233, 0.5);
      transition: none; }
  treeview.view header button:last-child:backdrop, treeview.view header button:last-child {
    border-right-style: none; }
  treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd,
  treeview.view header.button.dnd:active,
  treeview.view header.button.dnd:selected,
  treeview.view header.button.dnd:hover,
  treeview.view header.button.dnd {
    padding: 0 6px;
    color: #fcfcfc;
    background-image: none;
    background-color: #c5cbd8;
    border-style: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    transition: none; }

treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
  padding: 6px;
  border-style: none solid solid none;
  border-radius: 0;
  background-image: none;
  border-color: #4b5466;
  text-shadow: none; }
  treeview.view header button:disabled {
    border-color: rgba(170, 173, 174, 0.35);
    color: rgba(32, 35, 35, 0.35);
    background-color: #d8dadd;
    background-image: none; }
  treeview.view header button:backdrop {
    border-color: #4b5466;
    border-style: none solid solid none;
    color: #c5cbd8;
    background-image: none;
    background-color: #2a2e33; }
    treeview.view header button:backdrop:disabled {
      border-color: rgba(170, 173, 174, 0.35);
      background-image: none;
      background-color: #d8dadd;
      color: rgba(32, 35, 35, 0.35); }

/**********************
 * Window Decorations *
 *********************/
decoration {
  border-radius: 3px 3px 0 0;
  border-width: 0px;
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
  /* this is used for the resize cursor area */
  margin: 10px; }
  .maximized decoration,
  .fullscreen decoration,
  .tiled decoration {
    border-radius: 0; }
  .popup decoration {
    border-radius: 3px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
  .ssd decoration {
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); }
  .csd decoration {
    border-radius: 3px; }
    .csd decoration.popup {
      box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
    .csd decoration.tooltip {
      box-shadow: none; }
    .csd decoration.message-dialog {
      box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
  .solid-csd decoration {
    border-radius: 0;
    margin: 0;
    padding: 1px;
    border: none;
    background-color: #2a2e33;
    box-shadow: none; }

headerbar.default-decoration button.titlebutton,
.titlebar.default-decoration button.titlebutton {
  padding: 1px;
  min-height: 18px;
  min-width: 18px;
  margin: 0; }

headerbar button.titlebutton,
.titlebar button.titlebutton {
  padding: 1px; }
  headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:active:hover,
  .titlebar button.titlebutton:hover,
  .titlebar button.titlebutton:active,
  .titlebar button.titlebutton:checked,
  .titlebar button.titlebutton:backdrop,
  .titlebar button.titlebutton:active:hover {
    transition: none; }
  headerbar button.titlebutton.close,
  .titlebar button.titlebutton.close {
    padding: 1px;
    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 button.titlebutton.close:hover,
  .titlebar button.titlebutton.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")); }
  headerbar button.titlebutton.close:active,
  .titlebar button.titlebutton.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")); }
  headerbar button.titlebutton.close:backdrop,
  .titlebar button.titlebutton.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")); }
  headerbar button.titlebutton.maximize,
  .titlebar button.titlebutton.maximize {
    padding: 1px;
    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 button.titlebutton.maximize:hover,
  .titlebar button.titlebutton.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")); }
  headerbar button.titlebutton.maximize:active,
  .titlebar button.titlebutton.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")); }
  headerbar button.titlebutton.maximize:backdrop,
  .titlebar button.titlebutton.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")); }
  headerbar button.titlebutton.minimize,
  .titlebar button.titlebutton.minimize {
    padding: 1px;
    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 button.titlebutton.minimize:hover,
  .titlebar button.titlebutton.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")); }
  headerbar button.titlebutton.minimize:active,
  .titlebar button.titlebutton.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")); }
  headerbar button.titlebutton.minimize:backdrop,
  .titlebar button.titlebutton.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")); }

.maximized headerbar button.titlebutton.maximize, .maximized
.titlebar button.titlebutton.maximize {
  padding: 1px;
  color: transparent;
  border-image: none;
  box-shadow: none;
  background-position: center;
  background-repeat: no-repeat;
  background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); }

.maximized headerbar button.titlebutton.maximize:hover, .maximized
.titlebar button.titlebutton.maximize:hover {
  border-color: transparent;
  background-color: transparent;
  background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); }

.maximized headerbar button.titlebutton.maximize:active, .maximized
.titlebar button.titlebutton.maximize:active {
  border-color: transparent;