@import "../gtk-common/common.css";


* {
  padding: 0;
/*  -GtkToolButton-icon-spacing: 4;
  -GtkTextView-error-underline-color: @error_color_breeze;
  -GtkScrolledWindow-scrollbar-spacing: 0;
  -GtkToolItemGroup-expander-size: 11;
  -GtkWidget-text-handle-width: 20;
  -GtkWidget-text-handle-height: 24;
  -GtkDialog-button-spacing: 4;
  -GtkDialog-action-area-border: 0;
  outline-color: alpha(currentColor,0.4);
  outline-style: dashed;
  outline-offset: -3px;
  outline-width: 1px;
  -gtk-outline-radius: 2px;
  -gtk-secondary-caret-color: @theme_selected_bg_color_breeze;*/ }



/***************
 * Base States *
 ***************/
*:disabled {
  -gtk-icon-filter: opacity(0.5); }


/**********************
 * General Typography *
 **********************/
.large-title {
  font-weight: 300;
  font-size: 24pt; }

.title-1 {
  font-weight: 800;
  font-size: 20pt; }

.title-2 {
  font-weight: 800;
  font-size: 15pt; }

.title-3 {
  font-weight: 700;
  font-size: 15pt; }

.title-4 {
  font-weight: 700;
  font-size: 13pt; }

.heading {
  font-weight: 700;
  font-size: 11pt; }

.body {
  font-weight: 400;
  font-size: 11pt; }

.caption-heading {
  font-weight: 700;
  font-size: 9pt; }

.caption {
  font-weight: 400;
  font-size: 9pt; }




/****************
 * Text Entries *
 ****************/
spinbutton:not(.vertical),
spinbutton.vertical text,
entry {
  min-height: 32px;
  border: 1px solid @theme_bg_color_breeze;
  border-radius: 5px;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: @theme_text_color_breeze;
  background-color: @theme_base_color_breeze;
  /*box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0);*/
  box-shadow: inset 0 4px 3px 0px alpha(black,0.5),
              /*0 -1px 1px 0 alpha(black, 0.7),*/
              0 1px 1px 0 @highlight_color;
   }
  
spinbutton:not(.vertical):dir(ltr) {
        padding-left: 8px;
        padding-right: 0px;
}  
spinbutton:not(.vertical):dir(rtl) {
        padding-left: 0px;
        padding-right: 8px;
}  
spinbutton.vertical text {
        padding-left: 8px;
        padding-right: 8px;
}


/***********
 * Buttons *
 ***********/
@keyframes needs_attention {
  from {
    background-image: radial-gradient(@theme_selected_bg_color_breeze, @theme_selected_bg_color_breeze 1%, alpha(@theme_selected_bg_color_breeze, 0)); }
  to {
    background-image: radial-gradient(@theme_selected_bg_color_breeze, @theme_selected_bg_color_breeze 70%, alpha(@theme_selected_bg_color_breeze, 0)); } }


notebook > header > tabs > arrow:hover,
  button:hover {
    -gtk-icon-filter: brightness(1.2); 
  }



/************
 * Toolbars *
 ************/


/***************
 * Header bars *
 ***************/
/*.titlebar:not(headerbar),*/
.titlebar,
headerbar {
  color: @theme_titlebar_foreground_breeze;
  /*text-shadow: 0 1px alpha(@text_shadow_color, 0.3), 0 -1px alpha(black, 0.3);*/
  padding: 0 6px;
  min-height: 46px;
  border-width: 0;
  border-radius: 0;
  /* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.85), shade(@theme_bg_color_breeze, 0.95) 4px, @theme_bg_color_breeze 7px);*/
  background-image: linear-gradient(to top, @theme_titlebar_background_breeze, shade(@theme_titlebar_background_breeze, 1.1));
  /* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.8), shade(@theme_bg_color_breeze, 0.6) 2px, shade(@theme_bg_color_breeze, 1.05) 3px); */
  /* background: linear-gradient(to top, @theme_bg_color_breeze, shade(@theme_bg_color_breeze, 1.15)); */
  box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.3); }

  /*.titlebar:backdrop:not(headerbar),*/
  .titlebar:backdrop,
  headerbar:backdrop {
  color: @theme_titlebar_foreground_backdrop_breeze;
    border-color: transparent;
    background-color: @theme_header_unfocused_bg;
    background-image: linear-gradient(to top, @theme_titlebar_background_backdrop_breeze, shade(@theme_titlebar_background_backdrop_breeze, 1.1));
    box-shadow: none;
    transition: 80ms ease-out; }
  .titlebar:not(headerbar) .title,
  headerbar .title {
    padding-left: 12px;
    padding-right: 12px; }
  .titlebar:not(headerbar) .subtitle,
  headerbar .subtitle {
    font-size: smaller;
    padding-left: 12px;
    padding-right: 12px; }
  .selection-mode.titlebar:not(headerbar),
  headerbar.selection-mode {
    color: @theme_selected_fg_color_breeze;
    border-color: shade(@theme_selected_bg_color_breeze, 0.45);
    /*text-shadow: 0 -1px alpha(black, 0.5);*/
    background: @theme_selected_bg_color_breeze linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 0.9), shade(@theme_selected_bg_color_breeze, 0.7) 2px, @theme_selected_bg_color_breeze 3px);
    box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2); }
    .selection-mode.titlebar:backdrop:not(headerbar),
    headerbar.selection-mode:backdrop {
      background-color: @theme_selected_bg_color_breeze;
      background-image: none;
      box-shadow: inset 0 1px shade(@theme_selected_bg_color_breeze, 1.15); }
    .selection-mode.titlebar:not(headerbar) button,
    headerbar.selection-mode button {
      color: @theme_selected_fg_color_breeze;
      outline-color: alpha(white, 0.2);
      /*text-shadow: 0 1px alpha(black, 0.428024);
      -gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/
      border-color: shade(@theme_selected_bg_color_breeze, 0.6);
      background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1), shade(@theme_selected_bg_color_breeze, 1.1));
      box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2); }
      .selection-mode.titlebar:not(headerbar) button.flat,
      headerbar.selection-mode button.flat {
        color: @theme_selected_fg_color_breeze;
        border-color: transparent;
        background-color: transparent;
        background-image: none;
        box-shadow: inset 0 1px alpha(white, 0);
        text-shadow: none;
        -gtk-icon-shadow: none; }
      .selection-mode.titlebar:not(headerbar) button:hover,
      headerbar.selection-mode button:hover {
        color: @theme_selected_fg_color_breeze;
        outline-color: alpha(white, 0.2);
        background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1.05), shade(@theme_selected_bg_color_breeze, 1.15)); }
      .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked,
      headerbar.selection-mode button:active,
      headerbar.selection-mode button:checked {
        color: @theme_selected_fg_color_breeze;
        outline-color: alpha(white, 0.2);
        /*text-shadow: 0 1px alpha(black, 0.428024);
        -gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/
        border-color: shade(@theme_selected_bg_color_breeze, 0.5);
        background-image: image(shade(@theme_selected_bg_color_breeze, 0.7));
        -gtk-icon-shadow: none;
        box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.5); }
      .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop,
      headerbar.selection-mode button:backdrop.flat,
      headerbar.selection-mode button:backdrop {
        border-color: @theme_selected_bg_color_breeze;
        background-image: image(@theme_selected_bg_color_breeze);
        text-shadow: none;
        -gtk-icon-shadow: none;
        box-shadow: inset 0 1px alpha(white, 0);
        -gtk-icon-filter: none;
        border-color: shade(@theme_selected_bg_color_breeze, 0.7); }
        .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop,
        headerbar.selection-mode button:backdrop.flat label,
        headerbar.selection-mode button:backdrop.flat,
        headerbar.selection-mode button:backdrop label,
        headerbar.selection-mode button:backdrop {
          color: shade(@theme_selected_bg_color_breeze, 1.45); }
        .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
        headerbar.selection-mode button:backdrop.flat:active,
        headerbar.selection-mode button:backdrop.flat:checked,
        headerbar.selection-mode button:backdrop:active,
        headerbar.selection-mode button:backdrop:checked {
          background-image: image(shade(@theme_selected_bg_color_breeze, 0.75));
          box-shadow: inset 0 1px alpha(white, 0);
          border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
          .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
          headerbar.selection-mode button:backdrop.flat:active label,
          headerbar.selection-mode button:backdrop.flat:active,
          headerbar.selection-mode button:backdrop.flat:checked label,
          headerbar.selection-mode button:backdrop.flat:checked,
          headerbar.selection-mode button:backdrop:active label,
          headerbar.selection-mode button:backdrop:active,
          headerbar.selection-mode button:backdrop:checked label,
          headerbar.selection-mode button:backdrop:checked {
            color: alpha(@theme_selected_fg_color_breeze, 0.5); }
        .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
        headerbar.selection-mode button:backdrop.flat:disabled,
        headerbar.selection-mode button:backdrop:disabled {
          text-shadow: none;
          -gtk-icon-shadow: none;
          box-shadow: inset 0 1px alpha(white, 0);
          border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
          .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
          headerbar.selection-mode button:backdrop.flat:disabled label,
          headerbar.selection-mode button:backdrop.flat:disabled,
          headerbar.selection-mode button:backdrop:disabled label,
          headerbar.selection-mode button:backdrop:disabled {
            color: alpha(@theme_selected_fg_color_breeze, 0.7); }
          .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked,
          headerbar.selection-mode button:backdrop.flat:disabled:active,
          headerbar.selection-mode button:backdrop.flat:disabled:checked,
          headerbar.selection-mode button:backdrop:disabled:active,
          headerbar.selection-mode button:backdrop:disabled:checked {
            border-color: @theme_selected_bg_color_breeze;
            background-image: image(@theme_selected_bg_color_breeze);
            box-shadow: inset 0 1px alpha(white, 0);
            border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
            .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label,
            headerbar.selection-mode button:backdrop.flat:disabled:active label,
            headerbar.selection-mode button:backdrop.flat:disabled:checked label,
            headerbar.selection-mode button:backdrop:disabled:active label,
            headerbar.selection-mode button:backdrop:disabled:checked label {
              color: shade(@theme_selected_bg_color_breeze, 1.2); }
      .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled,
      headerbar.selection-mode button.flat:backdrop,
      headerbar.selection-mode button.flat:disabled,
      headerbar.selection-mode button.flat:backdrop:disabled {
        border-color: transparent;
        background-color: transparent;
        background-image: none;
        box-shadow: inset 0 1px alpha(white, 0);
        text-shadow: none;
        -gtk-icon-shadow: none; }
      .selection-mode.titlebar:not(headerbar) button:disabled,
      headerbar.selection-mode button:disabled {
        text-shadow: none;
        -gtk-icon-shadow: none;
        background-image: image(@theme_selected_bg_color_breeze);
        box-shadow: 0px 1px 2px alpha(@theme_selected_bg_color_breeze, 0.7);
        box-shadow: none;
        border-color: @borders; }
        .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled,
        headerbar.selection-mode button:disabled label,
        headerbar.selection-mode button:disabled {
          color: shade(@theme_selected_bg_color_breeze, 1.45); }
        .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
        headerbar.selection-mode button:disabled:active,
        headerbar.selection-mode button:disabled:checked {
          color: @theme_selected_fg_color_breeze;
          outline-color: alpha(white, 0.2);
          text-shadow: none;
          background-image: image(shade(@theme_selected_bg_color_breeze, 0.85));
          box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.6);
          -gtk-icon-shadow: none; }
      .selection-mode.titlebar:not(headerbar) button.suggested-action,
      headerbar.selection-mode button.suggested-action {
        color: @theme_selected_fg_color_breeze;
        outline-color: alpha(black, 0.1);
        /*text-shadow: 0 1px alpha(white, 0.769231);
        -gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.769231);*/
        background-image: image(@theme_selected_bg_color_breeze);
        box-shadow: inset 0px 0px 0px 1px alpha(white, 0.5), 0px 1px 2px alpha(black, 0.1);
        border-color: shade(@theme_selected_bg_color_breeze, 0.75); }
        .selection-mode.titlebar:not(headerbar) button.suggested-action:hover,
        headerbar.selection-mode button.suggested-action:hover {
          color: @theme_selected_fg_color_breeze;
          outline-color: alpha(black, 0.1);
          background-image: image(shade(@theme_selected_bg_color_breeze, 1.05));
          border-color: shade(@theme_selected_bg_color_breeze, 0.75); }
        .selection-mode.titlebar:not(headerbar) button.suggested-action:active,
        headerbar.selection-mode button.suggested-action:active {
          color: @theme_selected_fg_color_breeze;
          outline-color: alpha(black, 0.1);
          /*text-shadow: 0 1px alpha(white, 0.769231);
          -gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.769231);*/
          background-image: image(shade(@theme_selected_bg_color_breeze, 0.7));
          -gtk-icon-shadow: none;
          box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.75);
          border-color: shade(@theme_selected_bg_color_breeze, 0.5); }
        .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
        headerbar.selection-mode button.suggested-action:disabled {
          text-shadow: none;
          -gtk-icon-shadow: none;
          background-image: image(@theme_selected_bg_color_breeze);
          box-shadow: 0px 1px 2px @borders;
          box-shadow: none;
          border-color: shade(@theme_selected_bg_color_breeze, 0.85); }
          .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
          headerbar.selection-mode button.suggested-action:disabled label,
          headerbar.selection-mode button.suggested-action:disabled {
            color: @theme_disabled_fg_color; }
        .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
        headerbar.selection-mode button.suggested-action:backdrop {
          background-image: image(@theme_selected_bg_color_breeze);
          text-shadow: none;
          -gtk-icon-shadow: none;
          box-shadow: inset 0 1px alpha(white, 0);
          border-color: shade(@theme_selected_bg_color_breeze, 0.8); }
          .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
          headerbar.selection-mode button.suggested-action:backdrop label,
          headerbar.selection-mode button.suggested-action:backdrop {
            color: @theme_disabled_fg_color; }
        .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
        headerbar.selection-mode button.suggested-action:backdrop:disabled {
          text-shadow: none;
          -gtk-icon-shadow: none;
          box-shadow: inset 0 1px alpha(white, 0);
          border-color: shade(@theme_selected_bg_color_breeze, 0.9); }
          .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
          headerbar.selection-mode button.suggested-action:backdrop:disabled label,
          headerbar.selection-mode button.suggested-action:backdrop:disabled {
            color: @unfocused_insensitive_color; }
    .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
    headerbar.selection-mode .selection-menu:backdrop,
    headerbar.selection-mode .selection-menu {
      border-color: rgba(42, 145, 250, 0);
      background-color: rgba(42, 145, 250, 0);
      background-image: none;
      box-shadow: none;
      padding-left: 10px;
      padding-right: 10px; }
      .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow,
      headerbar.selection-mode .selection-menu:backdrop arrow,
      headerbar.selection-mode .selection-menu arrow {
        /*-GtkArrow-arrow-scaling: 1;*/ }
      .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
      headerbar.selection-mode .selection-menu:backdrop .arrow,
      headerbar.selection-mode .selection-menu .arrow {
        -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
        color: alpha(@theme_fg_color_breeze, 0.65);
        -gtk-icon-shadow: none; }
  .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar),
  .tiled-top .titlebar:backdrop:not(headerbar),
  .tiled-top .titlebar:not(headerbar),
  .tiled-right .titlebar:backdrop:not(headerbar),
  .tiled-right .titlebar:not(headerbar),
  .tiled-bottom .titlebar:backdrop:not(headerbar),
  .tiled-bottom .titlebar:not(headerbar),
  .tiled-left .titlebar:backdrop:not(headerbar),
  .tiled-left .titlebar:not(headerbar),
  .maximized .titlebar:backdrop:not(headerbar),
  .maximized .titlebar:not(headerbar),
  .fullscreen .titlebar:backdrop:not(headerbar),
  .fullscreen .titlebar:not(headerbar), .tiled
  headerbar:backdrop, .tiled
  headerbar,
  .tiled-top
  headerbar:backdrop,
  .tiled-top
  headerbar,
  .tiled-right
  headerbar:backdrop,
  .tiled-right
  headerbar,
  .tiled-bottom
  headerbar:backdrop,
  .tiled-bottom
  headerbar,
  .tiled-left
  headerbar:backdrop,
  .tiled-left
  headerbar,
  .maximized
  headerbar:backdrop,
  .maximized
  headerbar,
  .fullscreen
  headerbar:backdrop,
  .fullscreen
  headerbar {
    border-radius: 0;
    background-color: @theme_bg_color_breeze; }
  .default-decoration.titlebar:not(headerbar),
  headerbar.default-decoration {
    min-height: 28px;
    padding: 4px; }
    .default-decoration.titlebar:not(headerbar) button.titlebutton,
    headerbar.default-decoration button.titlebutton {
      min-height: 26px;
      min-width: 26px;
      margin: 0;
      padding: 0; }
  .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
  headerbar:backdrop:dir(rtl), .solid-csd
  headerbar:backdrop:dir(ltr), .solid-csd
  headerbar:dir(rtl), .solid-csd
  headerbar:dir(ltr) {
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    border-radius: 0;
    box-shadow: none; }

headerbar entry,
headerbar spinbutton,
headerbar separator,
headerbar button {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  /*border-color: alpha(black, 0.3);*/
  }

/*headerbar button:disabled {
	background-color: alpha(@insensitive_bg_color_breeze, 0.2);
	border-color: alpha(black, 0.2);
}*/

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

.background .titlebar:backdrop, .background .titlebar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

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

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

window headerbar:last-child:backdrop, window headerbar:last-child {
  border-top-right-radius: 5px; }

window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

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

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

.titlebar:not(headerbar) > separator {
  background-color: @borders; }





/**************
 * Tree Views *
 **************/


/*********
 * Menus *
 *********/


/**************
 * Scrollbars *
 **************/

/*how to prevent autohide in GTK4?
  and how to force scroll buttons? This last thing may not be possible... CSS nodes don't show buttons anymore

/**********
 * Switch *
 **********/


/************
 * GtkScale and some common progressbar parts*
 ************/


/**********
 * Frames *
 **********/



/***********
 * Dialogs *
 ***********/








/****************
 * File chooser *
 ****************/




/********
 * Misc *
 ********/

  .content-view:hover {
    -gtk-icon-filter: brightness(1.2); }






/**********************
 * Window Decorations *
 *********************/

/* this part still needs a lot of work */

/* disabled: gtk3 to gtk4
decoration {
  border-radius: 5px 5px 5px 5px;
  border-width: 0px;
  box-shadow: 0px 15px 38px -15px alpha(black, 0.9), 
  			0px 10px 20px -5px alpha(black, 0.9), 
  			0px 0px 0px 1px alpha(black, 0.2),
  			0 0 0 1px @theme_header_bg;
  margin: 10px; }
  decoration:backdrop {
    box-shadow: 0px 15px 38px -15px alpha(black, 0.2), 
    		0px 10px 20px -5px alpha(black, 0.6), 
    		0px 0px 0px 1px alpha(black, 0.2),
    		0 0 0 1px transparent;
    transition: 80ms ease-out; }
    
*/
window.csd {
        border-radius: 5px 5px 5px 5px;
        border-width: 0px;
  box-shadow: 0px 7px 19px -7px alpha(black, 0.9), 
  		0px 5px 10px -3px alpha(black, 0.9), 
  		0px 0px 0px 1px alpha(black, 0.2),
  		0 0 0 1px @theme_titlebar_background_breeze;
}

window.csd:backdrop {
    box-shadow: 0px 7px 19px -7px alpha(black, 0.2), 
    		0px 5px 10px -3px alpha(black, 0.6), 
    		0px 0px 0px 1px alpha(black, 0.2),
    		0 0 0 1px transparent;
        transition: 80ms ease-out;
}

/* disabled: gtk3 to gtk4
  .maximized decoration,
  .fullscreen decoration,
  .tiled decoration,
  .tiled-top decoration,
  .tiled-right decoration,
  .tiled-bottom decoration,
  .tiled-left decoration {
    border-radius: 0; }
*/

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


  window.csd.popup, window.csd.dialog.message, window.csd.solid-csd
   { 
    box-shadow: 0 4px 8px -4px alpha(black, 0.23); }

/*
  .csd.popup decoration {
    border-radius: 0;
    box-shadow: 0px 0px 12px 0px alpha(black, 0.1), 0px 0px 4px 0px alpha(black, 0.4), 0px 0px 0px 1px alpha(black, 0.1); }
  tooltip.csd decoration {
    border-radius: 5px;
    box-shadow: 0 4px 8px -4px alpha(black, 0.23); }
  messagedialog.csd decoration {
    border-radius: 5px;
    box-shadow: 0px 0px 12px 0px alpha(black, 0.1), 0px 0px 4px 0px alpha(black, 0.4), 0px 0px 0px 1px alpha(black, 0.1); }
  .solid-csd decoration {
    margin: 0;
    padding: 4px;
    background-color: @borders;
    border: solid 1px @borders;
    border-radius: 0;
    box-shadow: inset 0 0 0 3px @theme_base_color_breeze, inset 0 1px @wm_highlight; }
    .solid-csd decoration:backdrop {
      box-shadow: inset 0 0 0 3px @theme_bg_color_breeze, inset 0 1px @wm_highlight; }

*/
.background.csd {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px; }

button.titlebutton {
  /*text-shadow: 0 1px alpha(white, 0.769231);
  -gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.769231); */}
  button.titlebutton:backdrop {
    -gtk-icon-shadow: none; }

headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton {
  /*text-shadow: 0 1px alpha(black, 0.428024);
  -gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/ }
  headerbar.selection-mode button.titlebutton:backdrop,
  .titlebar.selection-mode button.titlebutton:backdrop {
    -gtk-icon-shadow: none; }