MisterDiamond

gtk-dark.css

Jan 7th, 2021 (edited)
1,194
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 242.07 KB
  1. /*$selected_bg_color: #00e8c6;06d6a0*/
  2. /* GTK NAMED COLORS
  3.    ----------------
  4.    use responsibly! */
  5. /* widget text/foreground color */
  6. @define-color theme_fg_color #C3C7D1;
  7. /* text color for entries, views and content in general */
  8. @define-color theme_text_color #C3C7D1;
  9. /* widget base background color */
  10. @define-color theme_bg_color #161925;
  11. /* text widgets and the like base background color */
  12. @define-color theme_base_color #181b28;
  13. /* base background color of selections */
  14. @define-color theme_selected_bg_color #144dff;
  15. /* text/foreground color of selections */
  16. @define-color theme_selected_fg_color #fefefe;
  17. /* base background color of disabled widgets */
  18. @define-color insensitive_bg_color #171a26;
  19. /* text foreground color of disabled widgets */
  20. @define-color insensitive_fg_color #6d707b;
  21. /* disabled text widgets and the like base background color */
  22. @define-color insensitive_base_color #181b28;
  23. /* widget text/foreground color on backdrop windows */
  24. @define-color theme_unfocused_fg_color #6d707b;
  25. /* text color for entries, views and content in general on backdrop windows */
  26. @define-color theme_unfocused_text_color #C3C7D1;
  27. /* widget base background color on backdrop windows */
  28. @define-color theme_unfocused_bg_color #161925;
  29. /* text widgets and the like base background color on backdrop windows */
  30. @define-color theme_unfocused_base_color #1a1d2b;
  31. /* base background color of selections on backdrop windows */
  32. @define-color theme_unfocused_selected_bg_color #144dff;
  33. /* text/foreground color of selections on backdrop windows */
  34. @define-color theme_unfocused_selected_fg_color #fefefe;
  35. /* widgets main borders color */
  36. @define-color borders rgba(12, 14, 21, 0.8);
  37. /* widgets main borders color on backdrop windows */
  38. @define-color unfocused_borders rgba(13, 16, 23, 0.82);
  39. /* these are pretty self explicative */
  40. @define-color warning_color #cc5500;
  41. @define-color error_color #e6133e;
  42. @define-color success_color #0096b1;
  43. @define-color fg_color #C3C7D1;
  44. @define-color text_color #C3C7D1;
  45. @define-color bg_color #161925;
  46. @define-color base_color #181b28;
  47. @define-color selected_bg_color #144dff;
  48. @define-color selected_fg_color #fefefe;
  49. @define-color unfocused_fg_color #6d707b;
  50. @define-color unfocused_text_color #C3C7D1;
  51. @define-color unfocused_bg_color #161925;
  52. @define-color unfocused_base_color #1a1d2b;
  53. @define-color unfocused_selected_bg_color #144dff;
  54. @define-color unfocused_selected_fg_color #fefefe;
  55. /* these colors are exported for the window manager and shouldn't be used in applications,
  56. read if you used those and something break with a version upgrade you're on your own... */
  57. @define-color wm_title shade(#C3C7D1, 1.8);
  58. @define-color wm_unfocused_title #6d707b;
  59. @define-color wm_highlight rgba(0, 0, 0, 0);
  60. @define-color wm_borders_edge rgba(255, 255, 255, 0.1);
  61. @define-color wm_bg_a shade(#161925, 1.2);
  62. @define-color wm_bg_b #161925;
  63. @define-color wm_shadow alpha(black, 0.35);
  64. @define-color wm_border alpha(black, 0.18);
  65. @define-color wm_button_hover_color_a shade(#161925, 1.3);
  66. @define-color wm_button_hover_color_b #161925;
  67. @define-color wm_button_active_color_a shade(#161925, 0.85);
  68. @define-color wm_button_active_color_b shade(#161925, 0.89);
  69. @define-color wm_button_active_color_c shade(#161925, 0.9);
  70. @define-color content_view_bg #181b28;
  71. @define-color text_view_bg #181b28;
  72. @define-color budgie_tasklist_indicator_color #144dff;
  73. @define-color budgie_tasklist_indicator_color_active #144dff;
  74. @define-color placeholder_text_color #a1a5b0;
  75. /*****************
  76. * Drawing mixins *
  77. *****************/
  78. /*********
  79. * Common *
  80. *********/
  81. * {
  82.   padding: 0;
  83.   -GtkToolButton-icon-spacing: 4;
  84.   -GtkTextView-error-underline-color: #e6133e;
  85.   -GtkScrolledWindow-scrollbar-spacing: 0;
  86.   -GtkToolItemGroup-expander-size: 11;
  87.   -GtkWidget-text-handle-width: 20;
  88.   -GtkWidget-text-handle-height: 24;
  89.   -GtkDialog-button-spacing: 4;
  90.   -GtkDialog-action-area-border: 0;
  91.   outline-color: rgba(195, 199, 209, 0.3);
  92.   outline-style: dashed;
  93.   outline-offset: -3px;
  94.   outline-width: 1px;
  95.   -gtk-outline-radius: 2px;
  96.   -gtk-secondary-caret-color: #144dff; }
  97.  
  98. /***********
  99.  * Widgets *
  100.  ***********/
  101. /***************
  102. * Action bars *
  103. ***************/
  104. .action-bar {
  105.   background-color: #030305;
  106.   border: solid rgba(12, 14, 21, 0.8);
  107.   border-width: 1px 0 0 0;
  108.   color: #C3C7D1;
  109.   box-shadow: none; }
  110.   .action-bar:backdrop {
  111.     background-color: #030305;
  112.     box-shadow: none;
  113.     -gtk-icon-effect: dim; }
  114.   .action-bar:first-child {
  115.     border-radius: 6px 6px 0px 0px;
  116.     border-width: 1px 1px 0px 1px; }
  117.   .action-bar:last-child {
  118.     border-radius: 0 0 6px 6px;
  119.     border-width: 0px 1px 1px 1px; }
  120.  
  121. /*********************
  122.  * App Notifications *
  123.  *********************/
  124. .app-notification,
  125. .app-notification.frame {
  126.   padding: 10px;
  127.   border-radius: 0 0 5px 5px;
  128.   background-color: rgba(16, 19, 27, 0.98);
  129.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
  130.   background-clip: padding-box; }
  131.   .app-notification:backdrop,
  132.   .app-notification.frame:backdrop {
  133.     background-image: none;
  134.     transition: 200ms ease-out; }
  135.   .app-notification border,
  136.   .app-notification.frame border {
  137.     border: none; }
  138.  
  139. /***************
  140.  * Base States *
  141.  ***************/
  142. .background {
  143.   color: #C3C7D1;
  144.   background-color: #161925; }
  145.   .background:backdrop {
  146.     color: #6d707b;
  147.     background-color: #161925;
  148.     text-shadow: none;
  149.     -gtk-icon-shadow: none; }
  150.  
  151. /*
  152.    These wildcard seems unavoidable, need to investigate.
  153.    Wildcards are bad and troublesome, use them with care,
  154.    or better, just don't.
  155.    Everytime a wildcard is used a kitten dies, painfully.
  156. */
  157. *:disabled {
  158.   -gtk-icon-effect: dim; }
  159.  
  160. .gtkstyle-fallback {
  161.   color: #C3C7D1;
  162.   background-color: #161925; }
  163.   .gtkstyle-fallback:hover {
  164.     color: #C3C7D1;
  165.     background-color: #292f45; }
  166.   .gtkstyle-fallback:active {
  167.     color: #C3C7D1;
  168.     background-color: #030305; }
  169.   .gtkstyle-fallback:disabled {
  170.     color: #6d707b;
  171.     background-color: #171a26; }
  172.   .gtkstyle-fallback:selected {
  173.     color: #fefefe;
  174.     background-color: #144dff; }
  175.  
  176. .view, iconview,
  177. .view text,
  178. iconview text,
  179. textview text {
  180.   color: #C3C7D1;
  181.   background-color: #181b28; }
  182.   .view:backdrop, iconview:backdrop,
  183.   .view text:backdrop,
  184.   iconview text:backdrop,
  185.   textview text:backdrop {
  186.     color: #a1a5b0;
  187.     background-color: #1a1d2b; }
  188.   .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
  189.   .view text:selected:focus,
  190.   iconview text:selected:focus,
  191.   textview text:selected:focus,
  192.   .view text:selected,
  193.   iconview text:selected,
  194.   textview text:selected {
  195.     border-radius: 3px; }
  196.  
  197. textview border {
  198.   background-color: #171a27; }
  199.  
  200. .rubberband,
  201. rubberband,
  202. flowbox rubberband,
  203. .content-view rubberband,
  204. treeview.view rubberband {
  205.   border: 1px solid #980ba2;
  206.   background-color: rgba(152, 11, 162, 0.2); }
  207.  
  208. flowbox flowboxchild {
  209.   padding: 3px;
  210.   border-radius: 3px; }
  211.   flowbox flowboxchild:selected {
  212.     outline-offset: -2px; }
  213.  
  214. label {
  215.   caret-color: currentColor; }
  216.   label.separator {
  217.     color: #C3C7D1; }
  218.     label.separator:backdrop {
  219.       color: #6d707b; }
  220.   label selection {
  221.     background-color: #144dff;
  222.     color: #fefefe; }
  223.   label:disabled {
  224.     color: #6d707b; }
  225.     label:disabled:backdrop {
  226.       color: #333955; }
  227.   label:backdrop {
  228.     color: #6d707b; }
  229.  
  230. .dim-label, label.separator, .titlebar .subtitle,
  231. headerbar .subtitle {
  232.   opacity: 0.55;
  233.   text-shadow: none; }
  234.  
  235. assistant .sidebar {
  236.   background-color: #181b28;
  237.   border-top: 1px solid rgba(12, 14, 21, 0.8); }
  238.   assistant .sidebar:backdrop {
  239.     background-color: #1a1d2b;
  240.     border-color: rgba(13, 16, 23, 0.82); }
  241.  
  242. assistant.csd .sidebar {
  243.   border-top-style: none; }
  244.  
  245. assistant .sidebar label {
  246.   padding: 6px 12px; }
  247.  
  248. assistant .sidebar label.highlight {
  249.   background-color: #393c47; }
  250.  
  251. .app-notification,
  252. .app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd {
  253.   color: #fefefe;
  254.   border: 1px solid #171e27;
  255.   background-color: rgba(16, 19, 27, 0.98);
  256.   background-clip: padding-box;
  257.   outline-color: rgba(254, 254, 254, 0.3);
  258.   text-shadow: 0 1px black;
  259.   -gtk-icon-shadow: 0 1px black; }
  260.   .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop {
  261.     text-shadow: none;
  262.     -gtk-icon-shadow: none; }
  263.  
  264. *:selected {
  265.   background: #144dff;
  266.   color: #fefefe; }
  267.  
  268. /***********
  269.  * Buttons *
  270.  ***********/
  271. @keyframes needs_attention {
  272.   from {
  273.     background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#e63bf2), to(transparent)); }
  274.   to {
  275.     background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#144dff), to(transparent)); } }
  276.  
  277. notebook > header > tabs > arrow,
  278. button {
  279.   min-height: 20px;
  280.   min-width: 16px;
  281.   padding: 2px 6px;
  282.   border: 1px solid rgba(12, 14, 21, 0.8);
  283.   border-radius: 4px;
  284.   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  285.   font-weight: normal;
  286.   color: #C3C7D1;
  287.   background-color: #181b28;
  288.   text-shadow: none; }
  289.   notebook > header > tabs > arrow,
  290.   button.flat {
  291.     background-color: transparent;
  292.     background-image: none;
  293.     border-color: transparent;
  294.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  295.     text-shadow: none;
  296.     -gtk-icon-shadow: none;
  297.     transition: none; }
  298.     notebook > header > tabs > arrow:hover,
  299.     button.flat:hover {
  300.       transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  301.       transition-duration: 500ms;
  302.       color: #fefefe;
  303.       outline-color: rgba(254, 254, 254, 0.3);
  304.       background-color: #144dff;
  305.       text-shadow: none; }
  306.       notebook > header > tabs > arrow:hover:active,
  307.       button.flat:hover:active {
  308.         transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  309.   notebook > header > tabs > arrow:hover,
  310.   button:hover {
  311.     color: #fefefe;
  312.     outline-color: rgba(254, 254, 254, 0.3);
  313.     background-color: #144dff;
  314.     text-shadow: none;
  315.     -gtk-icon-effect: highlight; }
  316.   notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
  317.   button:active,
  318.   button:checked {
  319.     color: #fefefe;
  320.     outline-color: rgba(254, 254, 254, 0.3);
  321.     background-color: #0086e4;
  322.     text-shadow: none;
  323.     transition-duration: 50ms; }
  324.   notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop,
  325.   button:backdrop.flat,
  326.   button:backdrop {
  327.     color: #a1a5b0;
  328.     outline-color: rgba(195, 199, 209, 0.3);
  329.     background-color: #1a1d2b;
  330.     text-shadow: none;
  331.     transition: 200ms ease-out;
  332.     -gtk-icon-effect: none; }
  333.     notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
  334.     button:backdrop.flat:active,
  335.     button:backdrop.flat:checked,
  336.     button:backdrop:active,
  337.     button:backdrop:checked {
  338.       color: rgba(254, 254, 254, 0.7);
  339.       outline-color: rgba(195, 199, 209, 0.3);
  340.       background-color: #144dff;
  341.       text-shadow: none; }
  342.       notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label,
  343.       button:backdrop.flat:active label,
  344.       button:backdrop.flat:checked label,
  345.       button:backdrop:active label,
  346.       button:backdrop:checked label {
  347.         color: rgba(254, 254, 254, 0.7); }
  348.     notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
  349.     button:backdrop.flat:disabled,
  350.     button:backdrop:disabled {
  351.       color: #a1a5b0;
  352.       outline-color: rgba(195, 199, 209, 0.3);
  353.       background-color: #171a26;
  354.       text-shadow: none; }
  355.       notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
  356.       button:backdrop.flat:disabled:active,
  357.       button:backdrop.flat:disabled:checked,
  358.       button:backdrop:disabled:active,
  359.       button:backdrop:disabled:checked {
  360.         color: rgba(254, 254, 254, 0.7);
  361.         outline-color: rgba(195, 199, 209, 0.3);
  362.         background-color: #144dff;
  363.         text-shadow: none; }
  364.   notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled,
  365.   button.flat:backdrop,
  366.   button.flat:disabled,
  367.   button.flat:backdrop:disabled {
  368.     background-color: transparent;
  369.     background-image: none;
  370.     border-color: transparent;
  371.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  372.     text-shadow: none;
  373.     -gtk-icon-shadow: none; }
  374.   notebook > header > tabs > arrow:disabled,
  375.   button:disabled {
  376.     color: #a1a5b0;
  377.     outline-color: rgba(195, 199, 209, 0.3);
  378.     background-color: #171a26;
  379.     text-shadow: none; }
  380.     notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
  381.     button:disabled:active,
  382.     button:disabled:checked {
  383.       color: rgba(254, 254, 254, 0.7);
  384.       outline-color: rgba(195, 199, 209, 0.3);
  385.       background-color: #144dff;
  386.       text-shadow: none; }
  387.       notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label,
  388.       button:disabled:active label,
  389.       button:disabled:checked label {
  390.         color: rgba(254, 254, 254, 0.7); }
  391.   notebook > header > tabs > arrow.image-button,
  392.   button.image-button {
  393.     min-width: 24px;
  394.     padding-left: 4px;
  395.     padding-right: 4px; }
  396.     notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button,
  397.     button.image-button.circular,
  398.     button.image-button.sidebar-button {
  399.       padding: 6px 4px;
  400.       border-radius: 50px;
  401.       box-shadow: none; }
  402.     notebook > header > tabs > arrow.image-button.sidebar-button,
  403.     button.image-button.sidebar-button {
  404.       background-color: #252a3e;
  405.       color: #fff; }
  406.       notebook > header > tabs > arrow.image-button.sidebar-button:hover,
  407.       button.image-button.sidebar-button:hover {
  408.         background-color: #144dff; }
  409.   notebook > header > tabs > arrow.text-button,
  410.   button.text-button {
  411.     padding-left: 16px;
  412.     padding-right: 16px; }
  413.   notebook > header > tabs > arrow.text-button.image-button,
  414.   button.text-button.image-button {
  415.     padding-left: 8px;
  416.     padding-right: 8px;
  417.     border-radius: 2px; }
  418.     notebook > header > tabs > arrow.text-button.image-button label,
  419.     button.text-button.image-button label {
  420.       padding-left: 8px;
  421.       padding-right: 8px; }
  422.   combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
  423.   button:drop(active) {
  424.     color: #71f79f;
  425.     border-color: #71f79f;
  426.     box-shadow: inset 0 0 0 1px #71f79f; }
  427.  
  428. row:selected
  429. button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
  430.   color: #fefefe;
  431.   border-color: transparent; }
  432.   row:selected
  433.   button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
  434.     color: #6d707b; }
  435.  
  436.  
  437. button.osd {
  438.   min-width: 24px;
  439.   min-height: 20px;
  440.   color: #fefefe;
  441.   border-radius: 5px;
  442.   outline-color: rgba(254, 254, 254, 0.3);
  443.   color: #fefefe;
  444.   border-color: rgba(0, 0, 0, 0.7);
  445.   background-color: rgba(16, 19, 27, 0.98);
  446.   background-clip: padding-box;
  447.   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  448.   text-shadow: 0 1px black;
  449.   -gtk-icon-shadow: 0 1px black;
  450.   outline-color: rgba(254, 254, 254, 0.3);
  451.   border: none;
  452.   box-shadow: none; }
  453.  
  454.   button.osd.image-button {
  455.     min-width: 32px; }
  456.  
  457.   button.osd:hover {
  458.     color: white;
  459.     border-color: rgba(0, 0, 0, 0.7);
  460.     background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98));
  461.     background-clip: padding-box;
  462.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  463.     text-shadow: 0 1px black;
  464.     -gtk-icon-shadow: 0 1px black;
  465.     outline-color: rgba(254, 254, 254, 0.3);
  466.     border: none;
  467.     box-shadow: none; }
  468.  
  469.   button.osd:active,
  470.   button.osd:checked {
  471.     color: white;
  472.     border-color: rgba(0, 0, 0, 0.7);
  473.     background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98));
  474.     background-clip: padding-box;
  475.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  476.     text-shadow: none;
  477.     -gtk-icon-shadow: none;
  478.     outline-color: rgba(254, 254, 254, 0.3);
  479.     border: none;
  480.     box-shadow: none; }
  481.  
  482.   button.osd:disabled:backdrop,
  483.   button.osd:disabled {
  484.     color: #87888d;
  485.     border-color: rgba(0, 0, 0, 0.7);
  486.     background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  487.     background-clip: padding-box;
  488.     box-shadow: none;
  489.     text-shadow: none;
  490.     -gtk-icon-shadow: none;
  491.     border: none; }
  492.  
  493.   button.osd:backdrop {
  494.     color: #fefefe;
  495.     border-color: rgba(0, 0, 0, 0.7);
  496.     background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98));
  497.     background-clip: padding-box;
  498.     box-shadow: none;
  499.     text-shadow: none;
  500.     -gtk-icon-shadow: none;
  501.     border: none; }
  502.  
  503. .app-notification button,
  504. .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button,
  505. .osd
  506. button {
  507.   color: #fefefe;
  508.   border-color: rgba(0, 0, 0, 0.7);
  509.   background-color: rgba(16, 19, 27, 0.98);
  510.   background-clip: padding-box;
  511.   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  512.   text-shadow: 0 1px black;
  513.   -gtk-icon-shadow: 0 1px black;
  514.   outline-color: rgba(254, 254, 254, 0.3); }
  515.   .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover,
  516.   .osd
  517.   button:hover {
  518.     color: white;
  519.     border-color: rgba(0, 0, 0, 0.7);
  520.     background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98));
  521.     background-clip: padding-box;
  522.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  523.     text-shadow: 0 1px black;
  524.     -gtk-icon-shadow: 0 1px black;
  525.     outline-color: rgba(254, 254, 254, 0.3); }
  526.   .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked,
  527.   .osd
  528.   button:active:backdrop,
  529.   .osd
  530.   button:active,
  531.   .osd
  532.   button:checked:backdrop,
  533.   .osd
  534.   button:checked {
  535.     color: white;
  536.     border-color: rgba(0, 0, 0, 0.7);
  537.     background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98));
  538.     background-clip: padding-box;
  539.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  540.     text-shadow: none;
  541.     -gtk-icon-shadow: none;
  542.     outline-color: rgba(254, 254, 254, 0.3); }
  543.   .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled,
  544.   .osd
  545.   button:disabled:backdrop,
  546.   .osd
  547.   button:disabled {
  548.     color: #87888d;
  549.     border-color: rgba(0, 0, 0, 0.7);
  550.     background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  551.     background-clip: padding-box;
  552.     box-shadow: none;
  553.     text-shadow: none;
  554.     -gtk-icon-shadow: none; }
  555.   .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop,
  556.   .osd
  557.   button:backdrop {
  558.     color: #fefefe;
  559.     border-color: rgba(0, 0, 0, 0.7);
  560.     background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98));
  561.     background-clip: padding-box;
  562.     box-shadow: none;
  563.     text-shadow: none;
  564.     -gtk-icon-shadow: none; }
  565.   .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat,
  566.   .osd
  567.   button.flat {
  568.     background-color: transparent;
  569.     background-image: none;
  570.     border-color: transparent;
  571.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  572.     text-shadow: none;
  573.     -gtk-icon-shadow: none;
  574.     box-shadow: none;
  575.     text-shadow: 0 1px black;
  576.     -gtk-icon-shadow: 0 1px black; }
  577.     .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover,
  578.     .osd
  579.     button.flat:hover {
  580.       color: white;
  581.       border-color: rgba(0, 0, 0, 0.7);
  582.       background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98));
  583.       background-clip: padding-box;
  584.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  585.       text-shadow: 0 1px black;
  586.       -gtk-icon-shadow: 0 1px black;
  587.       outline-color: rgba(254, 254, 254, 0.3); }
  588.     .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled,
  589.     .osd
  590.     button.flat:disabled {
  591.       color: #87888d;
  592.       border-color: rgba(0, 0, 0, 0.7);
  593.       background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  594.       background-clip: padding-box;
  595.       box-shadow: none;
  596.       text-shadow: none;
  597.       -gtk-icon-shadow: none;
  598.       background-image: none;
  599.       border-color: transparent;
  600.       box-shadow: none; }
  601.     .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop,
  602.     .osd
  603.     button.flat:backdrop {
  604.       background-color: transparent;
  605.       background-image: none;
  606.       border-color: transparent;
  607.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  608.       text-shadow: none;
  609.       -gtk-icon-shadow: none; }
  610.     .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked,
  611.     .osd
  612.     button.flat:active,
  613.     .osd
  614.     button.flat:checked {
  615.       color: white;
  616.       border-color: rgba(0, 0, 0, 0.7);
  617.       background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98));
  618.       background-clip: padding-box;
  619.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  620.       text-shadow: none;
  621.       -gtk-icon-shadow: none;
  622.       outline-color: rgba(254, 254, 254, 0.3); }
  623.  
  624.  
  625. button.suggested-action {
  626.   border: none;
  627.   box-shadow: none;
  628.   color: white;
  629.   border-radius: 100px;
  630.   background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  631.   .selection-mode button.titlebutton,
  632.   button.suggested-action.flat {
  633.     box-shadow: none;
  634.     color: white;
  635.     border-radius: 100px;
  636.     background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  637.  
  638.   button.suggested-action:hover {
  639.     color: white;
  640.     outline-color: rgba(255, 255, 255, 0.3);
  641.     background-color: #00c1e4;
  642.     text-shadow: none; }
  643.  
  644.   button.suggested-action:active,
  645.   button.suggested-action:checked {
  646.     color: white;
  647.     outline-color: rgba(255, 255, 255, 0.3);
  648.     background-color: #00c1e4;
  649.     text-shadow: none; }
  650.   .selection-mode button.titlebutton:backdrop,
  651.   button.suggested-action:backdrop,
  652.   button.suggested-action.flat:backdrop {
  653.     color: rgba(255, 255, 255, 0.4);
  654.     outline-color: rgba(255, 255, 255, 0.3);
  655.     background-color: #00c1e4;
  656.     text-shadow: none; }
  657.     .selection-mode button.titlebutton:backdrop label,
  658.     button.suggested-action:backdrop label,
  659.     button.suggested-action.flat:backdrop label {
  660.       color: rgba(255, 255, 255, 0.5); }
  661.     .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked,
  662.     button.suggested-action:backdrop:active,
  663.     button.suggested-action:backdrop:checked,
  664.     button.suggested-action.flat:backdrop:active,
  665.     button.suggested-action.flat:backdrop:checked {
  666.       color: rgba(254, 254, 254, 0.7);
  667.       outline-color: rgba(255, 255, 255, 0.3);
  668.       background-color: #144dff;
  669.       text-shadow: none; }
  670.       .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label,
  671.       button.suggested-action:backdrop:active label,
  672.       button.suggested-action:backdrop:checked label,
  673.       button.suggested-action.flat:backdrop:active label,
  674.       button.suggested-action.flat:backdrop:checked label {
  675.         color: rgba(254, 254, 254, 0.7); }
  676.     .selection-mode button.titlebutton:backdrop:disabled,
  677.     button.suggested-action:backdrop:disabled,
  678.     button.suggested-action.flat:backdrop:disabled {
  679.       color: white;
  680.       outline-color: rgba(255, 255, 255, 0.3);
  681.       background-color: #00c1e4;
  682.       text-shadow: none; }
  683.       .selection-mode button.titlebutton:backdrop:disabled label,
  684.       button.suggested-action:backdrop:disabled label,
  685.       button.suggested-action.flat:backdrop:disabled label {
  686.         color: rgba(255, 255, 255, 0.5); }
  687.       .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked,
  688.       button.suggested-action:backdrop:disabled:active,
  689.       button.suggested-action:backdrop:disabled:checked,
  690.       button.suggested-action.flat:backdrop:disabled:active,
  691.       button.suggested-action.flat:backdrop:disabled:checked {
  692.         color: rgba(254, 254, 254, 0.7);
  693.         outline-color: rgba(255, 255, 255, 0.3);
  694.         background-color: #144dff;
  695.         text-shadow: none; }
  696.   .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled,
  697.   button.suggested-action.flat:backdrop,
  698.   button.suggested-action.flat:disabled,
  699.   button.suggested-action.flat:backdrop:disabled {
  700.     background-color: transparent;
  701.     background-image: none;
  702.     border-color: transparent;
  703.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  704.     text-shadow: none;
  705.     -gtk-icon-shadow: none;
  706.     color: rgba(0, 193, 228, 0.8); }
  707.  
  708.   button.suggested-action:disabled {
  709.     color: white;
  710.     outline-color: rgba(255, 255, 255, 0.3);
  711.     background-color: #00c1e4;
  712.     text-shadow: none; }
  713.    
  714.     button.suggested-action:disabled:active,
  715.     button.suggested-action:disabled:checked {
  716.       color: rgba(254, 254, 254, 0.7);
  717.       outline-color: rgba(255, 255, 255, 0.3);
  718.       background-color: #00c1e4;
  719.       text-shadow: none; }
  720.      
  721.       button.suggested-action:disabled:active label,
  722.       button.suggested-action:disabled:checked label {
  723.         color: rgba(254, 254, 254, 0.7); }
  724.   .osd
  725.   button.suggested-action {
  726.     color: #fefefe;
  727.     border-color: rgba(0, 0, 0, 0.7);
  728.     background-color: rgba(0, 193, 228, 0.5);
  729.     background-clip: padding-box;
  730.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  731.     text-shadow: 0 1px black;
  732.     -gtk-icon-shadow: 0 1px black;
  733.     outline-color: rgba(254, 254, 254, 0.3); }
  734.     .osd
  735.     button.suggested-action:hover {
  736.       color: white;
  737.       border-color: rgba(0, 0, 0, 0.7);
  738.       background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.7), rgba(0, 193, 228, 0.7));
  739.       background-clip: padding-box;
  740.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  741.       text-shadow: 0 1px black;
  742.       -gtk-icon-shadow: 0 1px black;
  743.       outline-color: rgba(254, 254, 254, 0.3); }
  744.     .osd
  745.     button.suggested-action:active:backdrop, .osd
  746.     button.suggested-action:active, .osd
  747.     button.suggested-action:checked:backdrop, .osd
  748.     button.suggested-action:checked {
  749.       color: white;
  750.       border-color: rgba(0, 0, 0, 0.7);
  751.       background-image: linear-gradient(to bottom, #00c1e4, #00c1e4);
  752.       background-clip: padding-box;
  753.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  754.       text-shadow: none;
  755.       -gtk-icon-shadow: none;
  756.       outline-color: rgba(254, 254, 254, 0.3); }
  757.     .osd
  758.     button.suggested-action:disabled:backdrop, .osd
  759.     button.suggested-action:disabled {
  760.       color: #87888d;
  761.       border-color: rgba(0, 0, 0, 0.7);
  762.       background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  763.       background-clip: padding-box;
  764.       box-shadow: none;
  765.       text-shadow: none;
  766.       -gtk-icon-shadow: none; }
  767.     .osd
  768.     button.suggested-action:backdrop {
  769.       color: #fefefe;
  770.       border-color: rgba(0, 0, 0, 0.7);
  771.       background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.5), rgba(0, 193, 228, 0.5));
  772.       background-clip: padding-box;
  773.       box-shadow: none;
  774.       text-shadow: none;
  775.       -gtk-icon-shadow: none; }
  776.  
  777.  
  778. button.destructive-action {
  779.   border: none;
  780.   box-shadow: none;
  781.   color: #CFCFCF;
  782.   /* border-radius: 100px; */
  783.   /* edited my me - colore bottoni come pamac per disinstallare/remove */
  784.   background: linear-gradient(to right, #ee0000, #ff6c00); }
  785.   /*background-color: #D31919; */
  786.  
  787.   button.destructive-action.flat {
  788.     box-shadow: none;
  789.     color: white;
  790.     border-radius: 100px;
  791.     background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  792.  
  793.   button.destructive-action:hover {
  794.     color: white;
  795.     outline-color: rgba(255, 255, 255, 0.3);
  796.     background-color: #ce1138;
  797.     text-shadow: none; }
  798.  
  799.   button.destructive-action:active,
  800.   button.destructive-action:checked {
  801.     color: white;
  802.     outline-color: rgba(255, 255, 255, 0.3);
  803.     background-color: #ce1138;
  804.     text-shadow: none; }
  805.  
  806.   button.destructive-action:backdrop,
  807.   button.destructive-action.flat:backdrop {
  808.     color: rgba(255, 255, 255, 0.4);
  809.     outline-color: rgba(255, 255, 255, 0.3);
  810.     background-color: #ce1138;
  811.     text-shadow: none; }
  812.    
  813.     button.destructive-action:backdrop label,
  814.     button.destructive-action.flat:backdrop label {
  815.       color: rgba(255, 255, 255, 0.5); }
  816.    
  817.     button.destructive-action:backdrop:active,
  818.     button.destructive-action:backdrop:checked,
  819.     button.destructive-action.flat:backdrop:active,
  820.     button.destructive-action.flat:backdrop:checked {
  821.       color: rgba(254, 254, 254, 0.7);
  822.       outline-color: rgba(255, 255, 255, 0.3);
  823.       background-color: #144dff;
  824.       text-shadow: none; }
  825.      
  826.       button.destructive-action:backdrop:active label,
  827.       button.destructive-action:backdrop:checked label,
  828.       button.destructive-action.flat:backdrop:active label,
  829.       button.destructive-action.flat:backdrop:checked label {
  830.         color: rgba(254, 254, 254, 0.7); }
  831.    
  832.     button.destructive-action:backdrop:disabled,
  833.     button.destructive-action.flat:backdrop:disabled {
  834.       color: white;
  835.       outline-color: rgba(255, 255, 255, 0.3);
  836.       background-color: #ce1138;
  837.       text-shadow: none; }
  838.      
  839.       button.destructive-action:backdrop:disabled label,
  840.       button.destructive-action.flat:backdrop:disabled label {
  841.         color: rgba(255, 255, 255, 0.5); }
  842.      
  843.       button.destructive-action:backdrop:disabled:active,
  844.       button.destructive-action:backdrop:disabled:checked,
  845.       button.destructive-action.flat:backdrop:disabled:active,
  846.       button.destructive-action.flat:backdrop:disabled:checked {
  847.         color: rgba(254, 254, 254, 0.7);
  848.         outline-color: rgba(255, 255, 255, 0.3);
  849.         background-color: #144dff;
  850.         text-shadow: none; }
  851.  
  852.   button.destructive-action.flat:backdrop,
  853.   button.destructive-action.flat:disabled,
  854.   button.destructive-action.flat:backdrop:disabled {
  855.     background-color: transparent;
  856.     background-image: none;
  857.     border-color: transparent;
  858.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  859.     text-shadow: none;
  860.     -gtk-icon-shadow: none;
  861.     color: rgba(206, 17, 56, 0.8); }
  862.  
  863.   button.destructive-action:disabled {
  864.     color: white;
  865.     outline-color: rgba(255, 255, 255, 0.3);
  866.     background-color: #ce1138;
  867.     text-shadow: none; }
  868.    
  869.     button.destructive-action:disabled:active,
  870.     button.destructive-action:disabled:checked {
  871.       color: rgba(254, 254, 254, 0.7);
  872.       outline-color: rgba(255, 255, 255, 0.3);
  873.       background-color: #ce1138;
  874.       text-shadow: none; }
  875.      
  876.       button.destructive-action:disabled:active label,
  877.       button.destructive-action:disabled:checked label {
  878.         color: rgba(254, 254, 254, 0.7); }
  879.   .osd
  880.   button.destructive-action {
  881.     color: #fefefe;
  882.     border-color: rgba(0, 0, 0, 0.7);
  883.     background-color: rgba(206, 17, 56, 0.5);
  884.     background-clip: padding-box;
  885.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  886.     text-shadow: 0 1px black;
  887.     -gtk-icon-shadow: 0 1px black;
  888.     outline-color: rgba(254, 254, 254, 0.3); }
  889.     .osd
  890.     button.destructive-action:hover {
  891.       color: white;
  892.       border-color: rgba(0, 0, 0, 0.7);
  893.       background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7));
  894.       background-clip: padding-box;
  895.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  896.       text-shadow: 0 1px black;
  897.       -gtk-icon-shadow: 0 1px black;
  898.       outline-color: rgba(254, 254, 254, 0.3); }
  899.     .osd
  900.     button.destructive-action:active:backdrop, .osd
  901.     button.destructive-action:active, .osd
  902.     button.destructive-action:checked:backdrop, .osd
  903.     button.destructive-action:checked {
  904.       color: white;
  905.       border-color: rgba(0, 0, 0, 0.7);
  906.       background-image: linear-gradient(to bottom, #ce1138, #ce1138);
  907.       background-clip: padding-box;
  908.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  909.       text-shadow: none;
  910.       -gtk-icon-shadow: none;
  911.       outline-color: rgba(254, 254, 254, 0.3); }
  912.     .osd
  913.     button.destructive-action:disabled:backdrop, .osd
  914.     button.destructive-action:disabled {
  915.       color: #87888d;
  916.       border-color: rgba(0, 0, 0, 0.7);
  917.       background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  918.       background-clip: padding-box;
  919.       box-shadow: none;
  920.       text-shadow: none;
  921.       -gtk-icon-shadow: none; }
  922.     .osd
  923.     button.destructive-action:backdrop {
  924.       color: #fefefe;
  925.       border-color: rgba(0, 0, 0, 0.7);
  926.       background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5));
  927.       background-clip: padding-box;
  928.       box-shadow: none;
  929.       text-shadow: none;
  930.       -gtk-icon-shadow: none; }
  931.  
  932. .stack-switcher >
  933. button {
  934.   outline-offset: -3px; }
  935.   .stack-switcher >
  936.   button > label {
  937.     padding-left: 6px;
  938.     padding-right: 6px; }
  939.   .stack-switcher >
  940.   button > image {
  941.     padding-left: 6px;
  942.     padding-right: 6px;
  943.     padding-top: 3px;
  944.     padding-bottom: 3px; }
  945.   .stack-switcher >
  946.   button.text-button {
  947.     padding-left: 10px;
  948.     padding-right: 10px; }
  949.   .stack-switcher >
  950.   button.image-button {
  951.     padding-left: 2px;
  952.     padding-right: 2px; }
  953.   .stack-switcher >
  954.   button.needs-attention:active > label,
  955.   .stack-switcher >
  956.   button.needs-attention:active > image, .stack-switcher >
  957.   button.needs-attention:checked > label,
  958.   .stack-switcher >
  959.   button.needs-attention:checked > image {
  960.     animation: none;
  961.     background-image: none; }
  962.  
  963. .inline-toolbar
  964. button, .inline-toolbar
  965. button:backdrop {
  966.   border-radius: 2px;
  967.   border-width: 1px; }
  968.  
  969. .primary-toolbar
  970. button {
  971.   -gtk-icon-shadow: none; }
  972.  
  973. .stack-switcher > button.needs-attention > label,
  974. .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
  975.   animation: needs_attention 150ms ease-in;
  976.   background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#e63bf2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.907451)), to(transparent));
  977.   background-size: 6px 6px, 6px 6px;
  978.   background-repeat: no-repeat;
  979.   background-position: right 3px, right 2px; }
  980.   .stack-switcher > button.needs-attention > label:backdrop,
  981.   .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop {
  982.     background-size: 6px 6px, 0 0; }
  983.   .stack-switcher > button.needs-attention > label:dir(rtl),
  984.   .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
  985.     background-position: left 3px, left 2px; }
  986.  
  987. toolbar button:hover {
  988.   font-weight: normal;
  989.   color: #C3C7D1;
  990.   background-color: #181b28;
  991.   text-shadow: none; }
  992.  
  993. toolbar button:active {
  994.   font-weight: normal;
  995.   color: #C3C7D1;
  996.   background-color: #181b28;
  997.   text-shadow: none; }
  998.  
  999. .inline-toolbar toolbutton > button {
  1000.   background-color: transparent;
  1001.   background-image: none;
  1002.   border-color: transparent;
  1003.   box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  1004.   text-shadow: none;
  1005.   -gtk-icon-shadow: none; }
  1006.   .inline-toolbar toolbutton > button:hover {
  1007.     color: #fefefe; }
  1008.   .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
  1009.     color: #af0cba; }
  1010.   .inline-toolbar toolbutton > button:disabled {
  1011.     color: #a1a5b0; }
  1012.     .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
  1013.       color: rgba(175, 12, 186, 0.3); }
  1014.   .inline-toolbar toolbutton > button:backdrop {
  1015.     color: #a1a5b0; }
  1016.     .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
  1017.       color: #af0cba; }
  1018.     .inline-toolbar toolbutton > button:backdrop:disabled {
  1019.       color: #a1a5b0; }
  1020.       .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
  1021.         color: rgba(175, 12, 186, 0.3); }
  1022.  
  1023. toolbar.inline-toolbar toolbutton > button.flat:backdrop,
  1024. toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop {
  1025.   border-color: transparent;
  1026.   box-shadow: none; }
  1027.  
  1028. .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button,
  1029. .linked > button:hover,
  1030. .linked > button:active,
  1031. .linked > button:checked,
  1032. .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
  1033.   border: 1px solid rgba(12, 14, 21, 0.8);
  1034.   border-radius: 0;
  1035.   border-right-style: none;
  1036.   box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); }
  1037.  
  1038. .inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child {
  1039.   border-top-left-radius: 3px;
  1040.   border-bottom-left-radius: 3px; }
  1041.  
  1042. .inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child {
  1043.   border-top-right-radius: 3px;
  1044.   border-bottom-right-radius: 3px;
  1045.   border-right-style: solid; }
  1046.  
  1047. .inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child {
  1048.   border-radius: 3px;
  1049.   border-style: solid; }
  1050.  
  1051. .linked.vertical > button,
  1052. .linked.vertical > button:hover,
  1053. .linked.vertical > button:active,
  1054. .linked.vertical > button:checked,
  1055. .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
  1056.   border-style: solid solid none solid;
  1057.   border-radius: 0; }
  1058.  
  1059. .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child {
  1060.   border-top-left-radius: 3px;
  1061.   border-top-right-radius: 3px; }
  1062.  
  1063. .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child {
  1064.   border-bottom-left-radius: 3px;
  1065.   border-bottom-right-radius: 3px;
  1066.   border-style: solid; }
  1067.  
  1068. .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child {
  1069.   border-radius: 3px;
  1070.   border-style: solid; }
  1071.  
  1072. modelbutton.flat, popover.background checkbutton,
  1073. popover.background radiobutton,
  1074. .menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop,
  1075. popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover,
  1076. popover.background radiobutton:backdrop:hover,
  1077. .menuitem.button.flat:backdrop,
  1078. .menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link,
  1079. button:visited, button:link:hover, button:link:active, button:link:checked,
  1080. button:visited:hover,
  1081. button:visited:active,
  1082. button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop {
  1083.   background-color: transparent;
  1084.   background-image: none;
  1085.   border-color: transparent;
  1086.   box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
  1087.   text-shadow: none;
  1088.   -gtk-icon-shadow: none; }
  1089.  
  1090. /* menu buttons */
  1091. modelbutton.flat, popover.background checkbutton,
  1092. popover.background radiobutton,
  1093. .menuitem.button.flat {
  1094.   min-height: 26px;
  1095.   padding-left: 5px;
  1096.   padding-right: 5px;
  1097.   border-radius: 3px;
  1098.   outline-offset: -2px; }
  1099.   modelbutton.flat:hover, popover.background checkbutton:hover,
  1100.   popover.background radiobutton:hover,
  1101.   .menuitem.button.flat:hover {
  1102.     background-color: #202435; }
  1103.   modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child,
  1104.   modelbutton.flat radio:last-child,
  1105.   popover.background checkbutton radio:last-child,
  1106.   popover.background radiobutton radio:last-child,
  1107.   .menuitem.button.flat check:last-child,
  1108.   .menuitem.button.flat radio:last-child {
  1109.     margin-left: 8px; }
  1110.   modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child,
  1111.   modelbutton.flat radio:first-child,
  1112.   popover.background checkbutton radio:first-child,
  1113.   popover.background radiobutton radio:first-child,
  1114.   .menuitem.button.flat check:first-child,
  1115.   .menuitem.button.flat radio:first-child {
  1116.     margin-right: 8px; }
  1117.  
  1118. modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow {
  1119.   background: none; }
  1120.   modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover {
  1121.     background: none; }
  1122.   modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left {
  1123.     -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  1124.   modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right {
  1125.     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  1126.  
  1127. button.color {
  1128.   padding: 4px; }
  1129.   button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
  1130.     border-radius: 0; }
  1131.  
  1132. notebook button, list button, .view button, iconview button, popover button {
  1133.   box-shadow: none; }
  1134.   notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop {
  1135.     box-shadow: none; }
  1136.  
  1137. notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button {
  1138.   box-shadow: none; }
  1139.  
  1140. /************
  1141.  * Calendar *
  1142.  ***********/
  1143. calendar {
  1144.   color: #C3C7D1;
  1145.   border: 1px solid rgba(12, 14, 21, 0.8); }
  1146.   calendar:selected {
  1147.     border-radius: 3px; }
  1148.   calendar.header {
  1149.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1150.     border-radius: 0; }
  1151.     calendar.header:backdrop {
  1152.       border-color: rgba(0, 0, 0, 0.1); }
  1153.   calendar.button {
  1154.     color: rgba(195, 199, 209, 0.45); }
  1155.     calendar.button:hover {
  1156.       color: #C3C7D1; }
  1157.     calendar.button:backdrop {
  1158.       color: rgba(109, 112, 123, 0.45); }
  1159.     calendar.button:disabled {
  1160.       color: rgba(109, 112, 123, 0.45); }
  1161.   calendar:indeterminate, calendar:indeterminate:backdrop {
  1162.     color: alpha(currentColor,0.55); }
  1163.   calendar.highlight, calendar.highlight:backdrop {
  1164.     font-size: smaller;
  1165.     color: #C3C7D1; }
  1166.   calendar:backdrop {
  1167.     color: #a1a5b0;
  1168.     border-color: rgba(13, 16, 23, 0.82); }
  1169.  
  1170. /*************************
  1171.  * Check and Radio Items *
  1172.  *************************/
  1173. check {
  1174.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
  1175.   -gtk-icon-shadow: none; }
  1176.  
  1177. radio {
  1178.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked@2.png"));
  1179.   -gtk-icon-shadow: none; }
  1180.  
  1181. check:hover {
  1182.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover@2.png"));
  1183.   -gtk-icon-shadow: none; }
  1184.  
  1185. radio:hover {
  1186.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover@2.png"));
  1187.   -gtk-icon-shadow: none; }
  1188.  
  1189. check:active {
  1190.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active@2.png"));
  1191.   -gtk-icon-shadow: none; }
  1192.  
  1193. radio:active {
  1194.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active@2.png"));
  1195.   -gtk-icon-shadow: none; }
  1196.  
  1197. check:backdrop {
  1198.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop@2.png"));
  1199.   -gtk-icon-shadow: none; }
  1200.  
  1201. radio:backdrop {
  1202.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop@2.png"));
  1203.   -gtk-icon-shadow: none; }
  1204.  
  1205. check:disabled {
  1206.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png"));
  1207.   -gtk-icon-shadow: none; }
  1208.  
  1209. radio:disabled {
  1210.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png"));
  1211.   -gtk-icon-shadow: none; }
  1212.  
  1213. check:disabled:backdrop {
  1214.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png"));
  1215.   -gtk-icon-shadow: none; }
  1216.  
  1217. radio:disabled:backdrop {
  1218.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png"));
  1219.   -gtk-icon-shadow: none; }
  1220.  
  1221. check:checked {
  1222.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
  1223.   -gtk-icon-shadow: none; }
  1224.  
  1225. radio:checked {
  1226.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked@2.png"));
  1227.   -gtk-icon-shadow: none; }
  1228.  
  1229. check:checked:hover {
  1230.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover@2.png"));
  1231.   -gtk-icon-shadow: none; }
  1232.  
  1233. radio:checked:hover {
  1234.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover@2.png"));
  1235.   -gtk-icon-shadow: none; }
  1236.  
  1237. check:checked:active {
  1238.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active@2.png"));
  1239.   -gtk-icon-shadow: none; }
  1240.  
  1241. radio:checked:active {
  1242.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png"));
  1243.   -gtk-icon-shadow: none; }
  1244.  
  1245. check:checked:backdrop {
  1246.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png"));
  1247.   -gtk-icon-shadow: none; }
  1248.  
  1249. radio:checked:backdrop {
  1250.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png"));
  1251.   -gtk-icon-shadow: none; }
  1252.  
  1253. check:checked:disabled {
  1254.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png"));
  1255.   -gtk-icon-shadow: none; }
  1256.  
  1257. radio:checked:disabled {
  1258.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png"));
  1259.   -gtk-icon-shadow: none; }
  1260.  
  1261. check:checked:disabled:backdrop {
  1262.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png"));
  1263.   -gtk-icon-shadow: none; }
  1264.  
  1265. radio:checked:disabled:backdrop {
  1266.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png"));
  1267.   -gtk-icon-shadow: none; }
  1268.  
  1269. check:indeterminate {
  1270.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png"));
  1271.   -gtk-icon-shadow: none; }
  1272.  
  1273. radio:indeterminate {
  1274.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png"));
  1275.   -gtk-icon-shadow: none; }
  1276.  
  1277. check:indeterminate:hover {
  1278.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png"));
  1279.   -gtk-icon-shadow: none; }
  1280.  
  1281. radio:indeterminate:hover {
  1282.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png"));
  1283.   -gtk-icon-shadow: none; }
  1284.  
  1285. check:indeterminate:active {
  1286.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png"));
  1287.   -gtk-icon-shadow: none; }
  1288.  
  1289. radio:indeterminate:active {
  1290.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png"));
  1291.   -gtk-icon-shadow: none; }
  1292.  
  1293. check:indeterminate:backdrop {
  1294.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png"));
  1295.   -gtk-icon-shadow: none; }
  1296.  
  1297. radio:indeterminate:backdrop {
  1298.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png"));
  1299.   -gtk-icon-shadow: none; }
  1300.  
  1301. check:indeterminate:disabled {
  1302.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png"));
  1303.   -gtk-icon-shadow: none; }
  1304.  
  1305. radio:indeterminate:disabled {
  1306.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png"));
  1307.   -gtk-icon-shadow: none; }
  1308.  
  1309. check:indeterminate:disabled:backdrop {
  1310.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png"));
  1311.   -gtk-icon-shadow: none; }
  1312.  
  1313. radio:indeterminate:disabled:backdrop {
  1314.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png"));
  1315.   -gtk-icon-shadow: none; }
  1316.  
  1317. check:selected {
  1318.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
  1319.   -gtk-icon-shadow: none; }
  1320.  
  1321. radio:selected {
  1322.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
  1323.   -gtk-icon-shadow: none; }
  1324.  
  1325. check:hover:selected {
  1326.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
  1327.   -gtk-icon-shadow: none; }
  1328.  
  1329. radio:hover:selected {
  1330.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
  1331.   -gtk-icon-shadow: none; }
  1332.  
  1333. check:active:selected {
  1334.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
  1335.   -gtk-icon-shadow: none; }
  1336.  
  1337. radio:active:selected {
  1338.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
  1339.   -gtk-icon-shadow: none; }
  1340.  
  1341. check:backdrop:selected {
  1342.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
  1343.   -gtk-icon-shadow: none; }
  1344.  
  1345. radio:backdrop:selected {
  1346.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
  1347.   -gtk-icon-shadow: none; }
  1348.  
  1349. check:disabled:selected {
  1350.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
  1351.   -gtk-icon-shadow: none; }
  1352.  
  1353. radio:disabled:selected {
  1354.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
  1355.   -gtk-icon-shadow: none; }
  1356.  
  1357. check:disabled:backdrop:selected {
  1358.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
  1359.   -gtk-icon-shadow: none; }
  1360.  
  1361. radio:disabled:backdrop:selected {
  1362.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
  1363.   -gtk-icon-shadow: none; }
  1364.  
  1365. check:checked:selected {
  1366.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
  1367.   -gtk-icon-shadow: none; }
  1368.  
  1369. radio:checked:selected {
  1370.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
  1371.   -gtk-icon-shadow: none; }
  1372.  
  1373. check:checked:hover:selected {
  1374.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
  1375.   -gtk-icon-shadow: none; }
  1376.  
  1377. radio:checked:hover:selected {
  1378.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
  1379.   -gtk-icon-shadow: none; }
  1380.  
  1381. check:checked:active:selected {
  1382.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
  1383.   -gtk-icon-shadow: none; }
  1384.  
  1385. radio:checked:active:selected {
  1386.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
  1387.   -gtk-icon-shadow: none; }
  1388.  
  1389. check:checked:backdrop:selected {
  1390.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
  1391.   -gtk-icon-shadow: none; }
  1392.  
  1393. radio:checked:backdrop:selected {
  1394.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
  1395.   -gtk-icon-shadow: none; }
  1396.  
  1397. check:checked:disabled:selected {
  1398.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
  1399.   -gtk-icon-shadow: none; }
  1400.  
  1401. radio:checked:disabled:selected {
  1402.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
  1403.   -gtk-icon-shadow: none; }
  1404.  
  1405. check:checked:disabled:backdrop:selected {
  1406.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
  1407.   -gtk-icon-shadow: none; }
  1408.  
  1409. radio:checked:disabled:backdrop:selected {
  1410.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
  1411.   -gtk-icon-shadow: none; }
  1412.  
  1413. check:indeterminate:selected {
  1414.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
  1415.   -gtk-icon-shadow: none; }
  1416.  
  1417. radio:indeterminate:selected {
  1418.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
  1419.   -gtk-icon-shadow: none; }
  1420.  
  1421. check:indeterminate:hover:selected {
  1422.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
  1423.   -gtk-icon-shadow: none; }
  1424.  
  1425. radio:indeterminate:hover:selected {
  1426.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
  1427.   -gtk-icon-shadow: none; }
  1428.  
  1429. check:indeterminate:active:selected {
  1430.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
  1431.   -gtk-icon-shadow: none; }
  1432.  
  1433. radio:indeterminate:active:selected {
  1434.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
  1435.   -gtk-icon-shadow: none; }
  1436.  
  1437. check:indeterminate:backdrop:selected {
  1438.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
  1439.   -gtk-icon-shadow: none; }
  1440.  
  1441. radio:indeterminate:backdrop:selected {
  1442.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
  1443.   -gtk-icon-shadow: none; }
  1444.  
  1445. check:indeterminate:disabled:selected {
  1446.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
  1447.   -gtk-icon-shadow: none; }
  1448.  
  1449. radio:indeterminate:disabled:selected {
  1450.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
  1451.   -gtk-icon-shadow: none; }
  1452.  
  1453. check:indeterminate:disabled:backdrop:selected {
  1454.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
  1455.   -gtk-icon-shadow: none; }
  1456.  
  1457. radio:indeterminate:disabled:backdrop:selected {
  1458.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
  1459.   -gtk-icon-shadow: none; }
  1460.  
  1461. .view.content-view check, iconview.content-view check,
  1462. .view.content-view.check,
  1463. iconview.content-view.check {
  1464.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png"));
  1465.   -gtk-icon-shadow: none; }
  1466.  
  1467. .view.content-view radio, iconview.content-view radio,
  1468. .view.content-view.radio,
  1469. iconview.content-view.radio {
  1470.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png"));
  1471.   -gtk-icon-shadow: none; }
  1472.  
  1473. .view.content-view check:hover, iconview.content-view check:hover,
  1474. .view.content-view.check:hover,
  1475. iconview.content-view.check:hover {
  1476.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png"));
  1477.   -gtk-icon-shadow: none; }
  1478.  
  1479. .view.content-view radio:hover, iconview.content-view radio:hover,
  1480. .view.content-view.radio:hover,
  1481. iconview.content-view.radio:hover {
  1482.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png"));
  1483.   -gtk-icon-shadow: none; }
  1484.  
  1485. .view.content-view check:active, iconview.content-view check:active,
  1486. .view.content-view.check:active,
  1487. iconview.content-view.check:active {
  1488.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png"));
  1489.   -gtk-icon-shadow: none; }
  1490.  
  1491. .view.content-view radio:active, iconview.content-view radio:active,
  1492. .view.content-view.radio:active,
  1493. iconview.content-view.radio:active {
  1494.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png"));
  1495.   -gtk-icon-shadow: none; }
  1496.  
  1497. .view.content-view check:backdrop, iconview.content-view check:backdrop,
  1498. .view.content-view.check:backdrop,
  1499. iconview.content-view.check:backdrop {
  1500.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png"));
  1501.   -gtk-icon-shadow: none; }
  1502.  
  1503. .view.content-view radio:backdrop, iconview.content-view radio:backdrop,
  1504. .view.content-view.radio:backdrop,
  1505. iconview.content-view.radio:backdrop {
  1506.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png"));
  1507.   -gtk-icon-shadow: none; }
  1508.  
  1509. .view.content-view check:disabled, iconview.content-view check:disabled,
  1510. .view.content-view.check:disabled,
  1511. iconview.content-view.check:disabled {
  1512.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png"));
  1513.   -gtk-icon-shadow: none; }
  1514.  
  1515. .view.content-view radio:disabled, iconview.content-view radio:disabled,
  1516. .view.content-view.radio:disabled,
  1517. iconview.content-view.radio:disabled {
  1518.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png"));
  1519.   -gtk-icon-shadow: none; }
  1520.  
  1521. .view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop,
  1522. .view.content-view.check:disabled:backdrop,
  1523. iconview.content-view.check:disabled:backdrop {
  1524.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png"));
  1525.   -gtk-icon-shadow: none; }
  1526.  
  1527. .view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop,
  1528. .view.content-view.radio:disabled:backdrop,
  1529. iconview.content-view.radio:disabled:backdrop {
  1530.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png"));
  1531.   -gtk-icon-shadow: none; }
  1532.  
  1533. checkbutton.text-button, radiobutton.text-button {
  1534.   padding: 2px 0;
  1535.   outline-offset: 0; }
  1536.   checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
  1537.     margin-left: 4px; }
  1538.   checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
  1539.     margin-right: 4px; }
  1540.  
  1541. check,
  1542. radio {
  1543.   margin: 0 4px;
  1544.   min-height: 16px;
  1545.   min-width: 16px;
  1546.   border: none; }
  1547.   menu menuitem check, menu menuitem
  1548.   radio {
  1549.     margin: 0; }
  1550.     menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
  1551.     radio, menu menuitem
  1552.     radio:hover, menu menuitem
  1553.     radio:disabled {
  1554.       min-height: 14px;
  1555.       min-width: 14px;
  1556.       background-image: none;
  1557.       background-color: transparent;
  1558.       box-shadow: none;
  1559.       -gtk-icon-shadow: none;
  1560.       color: inherit;
  1561.       border-color: currentColor;
  1562.       animation: none; }
  1563.  
  1564. /*****************
  1565.  * Color Chooser *
  1566.  *****************/
  1567. colorswatch, colorswatch:drop(active) {
  1568.   border-style: none; }
  1569.  
  1570. colorswatch.top {
  1571.   border-top-left-radius: 5.5px;
  1572.   border-top-right-radius: 5.5px; }
  1573.   colorswatch.top overlay {
  1574.     border-top-left-radius: 5px;
  1575.     border-top-right-radius: 5px; }
  1576.  
  1577. colorswatch.bottom {
  1578.   border-bottom-left-radius: 5.5px;
  1579.   border-bottom-right-radius: 5.5px; }
  1580.   colorswatch.bottom overlay {
  1581.     border-bottom-left-radius: 5px;
  1582.     border-bottom-right-radius: 5px; }
  1583.  
  1584. colorswatch.left, colorswatch:first-child:not(.top) {
  1585.   border-top-left-radius: 5.5px;
  1586.   border-bottom-left-radius: 5.5px; }
  1587.   colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
  1588.     border-top-left-radius: 5px;
  1589.     border-bottom-left-radius: 5px; }
  1590.  
  1591. colorswatch.right, colorswatch:last-child:not(.bottom) {
  1592.   border-top-right-radius: 5.5px;
  1593.   border-bottom-right-radius: 5.5px; }
  1594.   colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
  1595.     border-top-right-radius: 5px;
  1596.     border-bottom-right-radius: 5px; }
  1597.  
  1598. colorswatch.dark overlay {
  1599.   color: #fefefe; }
  1600.   colorswatch.dark overlay:hover {
  1601.     border-color: rgba(12, 14, 21, 0.8); }
  1602.   colorswatch.dark overlay:backdrop {
  1603.     color: rgba(254, 254, 254, 0.5); }
  1604.  
  1605. colorswatch.light overlay {
  1606.   color: #C3C7D1; }
  1607.   colorswatch.light overlay:hover {
  1608.     border-color: rgba(12, 14, 21, 0.8); }
  1609.   colorswatch.light overlay:backdrop {
  1610.     color: #a1a5b0; }
  1611.  
  1612. colorswatch:drop(active) {
  1613.   box-shadow: none; }
  1614.   colorswatch:drop(active).light overlay {
  1615.     border-color: #71f79f;
  1616.     box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; }
  1617.   colorswatch:drop(active).dark overlay {
  1618.     border-color: #71f79f;
  1619.     box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; }
  1620.  
  1621. colorswatch overlay {
  1622.   box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
  1623.   border: 1px solid rgba(12, 14, 21, 0.8); }
  1624.   colorswatch overlay:hover {
  1625.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
  1626.   colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
  1627.     border-color: rgba(12, 14, 21, 0.8);
  1628.     box-shadow: none; }
  1629.  
  1630. colorswatch#add-color-button {
  1631.   border-radius: 5px 5px 0 0; }
  1632.   colorswatch#add-color-button:only-child {
  1633.     border-radius: 5px; }
  1634.   colorswatch#add-color-button overlay {
  1635.     font-weight: normal;
  1636.     color: #C3C7D1;
  1637.     background-color: #181b28;
  1638.     text-shadow: none; }
  1639.     colorswatch#add-color-button overlay:hover {
  1640.       color: #C3C7D1;
  1641.       outline-color: rgba(195, 199, 209, 0.3);
  1642.       background-color: #181b28;
  1643.       text-shadow: none; }
  1644.     colorswatch#add-color-button overlay:backdrop {
  1645.       color: #a1a5b0;
  1646.       outline-color: rgba(195, 199, 209, 0.3);
  1647.       background-color: #1a1d2b;
  1648.       text-shadow: none; }
  1649.  
  1650. colorswatch:disabled {
  1651.   opacity: 0.5; }
  1652.   colorswatch:disabled overlay {
  1653.     border-color: rgba(0, 0, 0, 0.6);
  1654.     box-shadow: none; }
  1655.  
  1656. row:selected colorswatch {
  1657.   box-shadow: 0 0 0 2px #fefefe; }
  1658.  
  1659. colorswatch#editor-color-sample {
  1660.   border-radius: 4px; }
  1661.   colorswatch#editor-color-sample overlay {
  1662.     border-radius: 4.5px; }
  1663.  
  1664. colorchooser .popover.osd {
  1665.   border-radius: 5px; }
  1666.  
  1667. /**************
  1668.  * ComboBoxes *
  1669.  **************/
  1670. combobox arrow {
  1671.   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  1672.   min-height: 16px;
  1673.   min-width: 16px; }
  1674.  
  1675. combobox:drop(active) {
  1676.   box-shadow: none; }
  1677.  
  1678. /***********
  1679.  * Dialogs *
  1680.  ***********/
  1681. messagedialog .titlebar:not(headerbar) {
  1682.   background-color: rgba(22, 25, 37, 0.95); }
  1683.  
  1684. messagedialog .titlebar {
  1685.   min-height: 20px;
  1686.   background-image: none;
  1687.   background-color: rgba(22, 25, 37, 0.95);
  1688.   border-style: none;
  1689.   border-top-left-radius: 4px;
  1690.   border-top-right-radius: 4px; }
  1691.  
  1692. messagedialog.csd.background {
  1693.   background-color: rgba(22, 25, 37, 0.95);
  1694.   color: #C3C7D1;
  1695.   border-bottom-left-radius: 5px;
  1696.   border-bottom-right-radius: 5px; }
  1697.  
  1698. messagedialog.csd .dialog-action-area button {
  1699.   padding: 10px 14px;
  1700.   border-radius: 0;
  1701.   border-left-style: solid;
  1702.   border-right-style: none;
  1703.   border-bottom-style: none;
  1704.   background-color: transparent;
  1705.   color: #C3C7D1;
  1706.   box-shadow: none; }
  1707.   messagedialog.csd .dialog-action-area button:hover {
  1708.     background-color: rgba(197, 14, 210, 0.9);
  1709.     color: white; }
  1710.   messagedialog.csd .dialog-action-area button:first-child {
  1711.     border-left-style: none;
  1712.     border-bottom-left-radius: 4px; }
  1713.   messagedialog.csd .dialog-action-area button:last-child {
  1714.     border-bottom-right-radius: 4px; }
  1715.   messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action {
  1716.     color: white; }
  1717.  
  1718. filechooser .dialog-action-box {
  1719.   border-top: 1px solid rgba(12, 14, 21, 0.8); }
  1720.   filechooser .dialog-action-box:backdrop {
  1721.     border-top-color: rgba(13, 16, 23, 0.82); }
  1722.  
  1723. filechooser #pathbarbox {
  1724.   border-bottom: 1px solid #161925; }
  1725.  
  1726. filechooserbutton:drop(active) {
  1727.   box-shadow: none;
  1728.   border-color: transparent; }
  1729.  
  1730. /****************
  1731.  * Text Entries *
  1732.  ****************/
  1733. spinbutton:not(.vertical),
  1734. entry {
  1735.   min-height: 28px;
  1736.   padding-left: 8px;
  1737.   padding-right: 8px;
  1738.   border: 1px solid;
  1739.   border-radius: 3px;
  1740.   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  1741.   color: #C3C7D1;
  1742.   border-color: rgba(12, 14, 21, 0.8);
  1743.   background-color: #181b28; }
  1744.   spinbutton:not(.vertical) image.left,
  1745.   entry image.left {
  1746.     padding-left: 0;
  1747.     padding-right: 6px; }
  1748.   spinbutton:not(.vertical) image.right,
  1749.   entry image.right {
  1750.     padding-left: 6px;
  1751.     padding-right: 0; }
  1752.   spinbutton:not(.vertical) undershoot.left,
  1753.   entry undershoot.left {
  1754.     background-color: transparent;
  1755.     background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  1756.     padding-left: 1px;
  1757.     background-size: 1px 10px;
  1758.     background-repeat: repeat-y;
  1759.     background-origin: content-box;
  1760.     background-position: left center;
  1761.     border: none;
  1762.     box-shadow: none; }
  1763.   spinbutton:not(.vertical) undershoot.right,
  1764.   entry undershoot.right {
  1765.     background-color: transparent;
  1766.     background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  1767.     padding-right: 1px;
  1768.     background-size: 1px 10px;
  1769.     background-repeat: repeat-y;
  1770.     background-origin: content-box;
  1771.     background-position: right center;
  1772.     border: none;
  1773.     box-shadow: none; }
  1774.   spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical),
  1775.   entry.flat:focus,
  1776.   entry.flat {
  1777.     min-height: 0;
  1778.     padding: 2px;
  1779.     background-image: none;
  1780.     border-color: transparent;
  1781.     box-shadow: none;
  1782.     border-radius: 0; }
  1783.   spinbutton:focus:not(.vertical),
  1784.   entry:focus {
  1785.     border-color: #980ba2; }
  1786.   spinbutton:disabled:not(.vertical),
  1787.   entry:disabled {
  1788.     color: #6d707b;
  1789.     border-color: rgba(12, 14, 21, 0.8);
  1790.     background-color: #171a26;
  1791.     box-shadow: none; }
  1792.   spinbutton:backdrop:not(.vertical),
  1793.   entry:backdrop {
  1794.     color: #a1a5b0;
  1795.     border-color: rgba(13, 16, 23, 0.82);
  1796.     background-color: #1a1d2b;
  1797.     box-shadow: none;
  1798.     transition: 200ms ease-out; }
  1799.   spinbutton:backdrop:disabled:not(.vertical),
  1800.   entry:backdrop:disabled {
  1801.     color: #333955;
  1802.     border-color: rgba(13, 16, 23, 0.82);
  1803.     background-color: #171a26;
  1804.     box-shadow: none; }
  1805.   spinbutton.error:not(.vertical),
  1806.   entry.error {
  1807.     color: #C3C7D1;
  1808.     border-color: rgba(12, 14, 21, 0.8);
  1809.     background-color: #181b28;
  1810.     color: #e6133e;
  1811.     border-color: #410512; }
  1812.     spinbutton.error:focus:not(.vertical),
  1813.     entry.error:focus {
  1814.       border-color: #410512; }
  1815.     spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical),
  1816.     entry.error:selected:focus,
  1817.     entry.error:selected {
  1818.       background-color: #e6133e; }
  1819.   spinbutton.warning:not(.vertical),
  1820.   entry.warning {
  1821.     color: #C3C7D1;
  1822.     border-color: rgba(12, 14, 21, 0.8);
  1823.     background-color: #181b28;
  1824.     color: #cc5500;
  1825.     border-color: #1a0b00; }
  1826.     spinbutton.warning:focus:not(.vertical),
  1827.     entry.warning:focus {
  1828.       border-color: #1a0b00; }
  1829.     spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical),
  1830.     entry.warning:selected:focus,
  1831.     entry.warning:selected {
  1832.       background-color: #cc5500; }
  1833.   spinbutton:not(.vertical) image,
  1834.   entry image {
  1835.     color: #a1a5af; }
  1836.     spinbutton:not(.vertical) image:hover,
  1837.     entry image:hover {
  1838.       color: #C3C7D1; }
  1839.     spinbutton:not(.vertical) image:active,
  1840.     entry image:active {
  1841.       color: #144dff; }
  1842.     spinbutton:not(.vertical) image:backdrop,
  1843.     entry image:backdrop {
  1844.       color: #5c5f6b; }
  1845.   spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical),
  1846.   entry:drop(active):focus,
  1847.   entry:drop(active) {
  1848.     border-color: #71f79f;
  1849.     box-shadow: inset 0 0 0 1px #71f79f; }
  1850.   .osd spinbutton:not(.vertical), .osd
  1851.   entry {
  1852.     color: white;
  1853.     border-color: rgba(0, 0, 0, 0.7);
  1854.     background-color: rgba(0, 0, 0, 0.5);
  1855.     box-shadow: none;
  1856.     text-shadow: 0 1px black;
  1857.     -gtk-icon-shadow: 0 1px black; }
  1858.     .osd spinbutton:focus:not(.vertical), .osd
  1859.     entry:focus {
  1860.       color: white;
  1861.       border-color: #144dff;
  1862.       background-color: rgba(0, 0, 0, 0.5);
  1863.       background-clip: padding-box;
  1864.       text-shadow: 0 1px black;
  1865.       -gtk-icon-shadow: 0 1px black; }
  1866.     .osd spinbutton:backdrop:not(.vertical), .osd
  1867.     entry:backdrop {
  1868.       color: white;
  1869.       border-color: rgba(0, 0, 0, 0.7);
  1870.       background-color: rgba(0, 0, 0, 0.5);
  1871.       background-clip: padding-box;
  1872.       box-shadow: none;
  1873.       text-shadow: none;
  1874.       -gtk-icon-shadow: none; }
  1875.     .osd spinbutton:disabled:not(.vertical), .osd
  1876.     entry:disabled {
  1877.       color: #87888d;
  1878.       border-color: rgba(0, 0, 0, 0.7);
  1879.       background-color: rgba(40, 42, 50, 0.5);
  1880.       background-clip: padding-box;
  1881.       box-shadow: none;
  1882.       text-shadow: none;
  1883.       -gtk-icon-shadow: none; }
  1884.  
  1885. spinbutton:not(.vertical) progress,
  1886. entry progress {
  1887.   margin: 2px -6px;
  1888.   background-color: transparent;
  1889.   background-image: none;
  1890.   border-radius: 0;
  1891.   border-width: 0 0 2px;
  1892.   border-color: #144dff;
  1893.   border-style: solid;
  1894.   box-shadow: none; }
  1895.   spinbutton:not(.vertical) progress:backdrop,
  1896.   entry progress:backdrop {
  1897.     background-color: transparent; }
  1898.  
  1899. .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical),
  1900. .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button,
  1901. .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical),
  1902. .linked:not(.vertical) >
  1903. entry:focus + button,
  1904. .linked:not(.vertical) >
  1905. entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) >
  1906. entry:focus +
  1907. entry {
  1908.   border-left-color: #980ba2; }
  1909.  
  1910. .linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) >
  1911. entry:focus {
  1912.   border-color: #980ba2; }
  1913.  
  1914. .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical),
  1915. .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button,
  1916. .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical),
  1917. .linked:not(.vertical) >
  1918. entry:drop(active) + button,
  1919. .linked:not(.vertical) >
  1920. entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) >
  1921. entry:drop(active) +
  1922. entry {
  1923.   border-left-color: #71f79f; }
  1924.  
  1925. .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled),
  1926. .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
  1927. entry:not(:disabled) + entry:not(:disabled),
  1928. .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
  1929.   border-top-color: rgba(21, 24, 36, 0.94);
  1930.   background-image: linear-gradient(to bottom, #181b28, #181b28); }
  1931.   .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop,
  1932.   .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical >
  1933.   entry:not(:disabled) + entry:not(:disabled):backdrop,
  1934.   .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
  1935.     border-top-color: rgba(23, 26, 39, 0.946);
  1936.     background-image: linear-gradient(to bottom, #1a1d2b, #1a1d2b); }
  1937.  
  1938. .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical),
  1939. .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical),
  1940. .linked.vertical >
  1941. entry:disabled + entry:disabled {
  1942.   border-top-color: rgba(21, 24, 36, 0.94); }
  1943.  
  1944. .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
  1945. .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical),
  1946. .linked.vertical >
  1947. entry + entry:focus:not(:only-child) {
  1948.   border-top-color: #980ba2; }
  1949.  
  1950. .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
  1951. .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical),
  1952. .linked.vertical >
  1953. entry + entry:drop(active):not(:only-child) {
  1954.   border-top-color: #71f79f; }
  1955.  
  1956. .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
  1957. .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry,
  1958. .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button,
  1959. .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical),
  1960. .linked.vertical >
  1961. entry:focus:not(:only-child) + entry,
  1962. .linked.vertical >
  1963. entry:focus:not(:only-child) + button,
  1964. .linked.vertical >
  1965. entry:focus:not(:only-child) + combobox > box > button.combo {
  1966.   border-top-color: #980ba2; }
  1967.  
  1968. .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
  1969. .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
  1970. .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button,
  1971. .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical),
  1972. .linked.vertical >
  1973. entry:drop(active):not(:only-child) + entry,
  1974. .linked.vertical >
  1975. entry:drop(active):not(:only-child) + button,
  1976. .linked.vertical >
  1977. entry:drop(active):not(:only-child) + combobox > box > button.combo {
  1978.   border-top-color: #71f79f; }
  1979.  
  1980. treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) {
  1981.   background-color: #181b28;
  1982.   transition-property: color, background; }
  1983.  
  1984. treeview entry.flat, treeview entry {
  1985.   border-radius: 0;
  1986.   background-image: none;
  1987.   background-color: #181b28; }
  1988.   treeview entry.flat:focus, treeview entry:focus {
  1989.     border-color: #144dff; }
  1990.  
  1991. /*************
  1992.  * Expanders *
  1993.  *************/
  1994. expander arrow {
  1995.   min-width: 16px;
  1996.   min-height: 16px;
  1997.   -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  1998.   expander arrow:dir(rtl) {
  1999.     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
  2000.   expander arrow:hover {
  2001.     color: white; }
  2002.   expander arrow:checked {
  2003.     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  2004.  
  2005. /****************
  2006.  * Floating Bar *
  2007.  ****************/
  2008. .floating-bar {
  2009.   background-color: #161925;
  2010.   border-width: 1px;
  2011.   border-style: solid solid none;
  2012.   border-color: rgba(12, 14, 21, 0.8);
  2013.   border-radius: 3px 3px 0 0;
  2014.   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  2015.   .floating-bar.bottom.left {
  2016.     border-left-style: none;
  2017.     border-top-left-radius: 0; }
  2018.   .floating-bar.bottom.right {
  2019.     border-right-style: none;
  2020.     border-top-right-radius: 0; }
  2021.   .floating-bar > button {
  2022.     padding: 4px; }
  2023.   .floating-bar:backdrop {
  2024.     background-color: #161925;
  2025.     border-color: rgba(13, 16, 23, 0.82); }
  2026.  
  2027. /**********
  2028.  * Frames *
  2029.  **********/
  2030. frame > border,
  2031. .frame {
  2032.   box-shadow: none;
  2033.   margin: 0;
  2034.   padding: 0;
  2035.   border-radius: 0;
  2036.   border: 1px solid rgba(12, 14, 21, 0.8); }
  2037.   frame > border.flat,
  2038.   .frame.flat {
  2039.     border-style: none; }
  2040.   frame > border:backdrop,
  2041.   .frame:backdrop {
  2042.     border-color: rgba(13, 16, 23, 0.82); }
  2043.  
  2044. actionbar > revealer > box {
  2045.   padding: 6px;
  2046.   border-top: 1px solid rgba(12, 14, 21, 0.8); }
  2047.   actionbar > revealer > box:backdrop {
  2048.     border-color: rgba(13, 16, 23, 0.82); }
  2049.  
  2050. scrolledwindow viewport.frame {
  2051.   border-style: none; }
  2052.  
  2053. scrolledwindow overshoot.top {
  2054.   background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
  2055.   background-size: 100% 5%, 100% 100%;
  2056.   background-repeat: no-repeat;
  2057.   background-position: center top;
  2058.   background-color: transparent;
  2059.   border: none;
  2060.   box-shadow: none; }
  2061.   scrolledwindow overshoot.top:backdrop {
  2062.     background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
  2063.     background-size: 100% 5%;
  2064.     background-repeat: no-repeat;
  2065.     background-position: center top;
  2066.     background-color: transparent;
  2067.     border: none;
  2068.     box-shadow: none; }
  2069.  
  2070. scrolledwindow overshoot.bottom {
  2071.   background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
  2072.   background-size: 100% 5%, 100% 100%;
  2073.   background-repeat: no-repeat;
  2074.   background-position: center bottom;
  2075.   background-color: transparent;
  2076.   border: none;
  2077.   box-shadow: none; }
  2078.   scrolledwindow overshoot.bottom:backdrop {
  2079.     background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
  2080.     background-size: 100% 5%;
  2081.     background-repeat: no-repeat;
  2082.     background-position: center bottom;
  2083.     background-color: transparent;
  2084.     border: none;
  2085.     box-shadow: none; }
  2086.  
  2087. scrolledwindow overshoot.left {
  2088.   background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
  2089.   background-size: 5% 100%, 100% 100%;
  2090.   background-repeat: no-repeat;
  2091.   background-position: left center;
  2092.   background-color: transparent;
  2093.   border: none;
  2094.   box-shadow: none; }
  2095.   scrolledwindow overshoot.left:backdrop {
  2096.     background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
  2097.     background-size: 5% 100%;
  2098.     background-repeat: no-repeat;
  2099.     background-position: left center;
  2100.     background-color: transparent;
  2101.     border: none;
  2102.     box-shadow: none; }
  2103.  
  2104. scrolledwindow overshoot.right {
  2105.   background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
  2106.   background-size: 5% 100%, 100% 100%;
  2107.   background-repeat: no-repeat;
  2108.   background-position: right center;
  2109.   background-color: transparent;
  2110.   border: none;
  2111.   box-shadow: none; }
  2112.   scrolledwindow overshoot.right:backdrop {
  2113.     background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
  2114.     background-size: 5% 100%;
  2115.     background-repeat: no-repeat;
  2116.     background-position: right center;
  2117.     background-color: transparent;
  2118.     border: none;
  2119.     box-shadow: none; }
  2120.  
  2121. scrolledwindow undershoot.top {
  2122.   background-color: transparent;
  2123.   background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2124.   padding-top: 1px;
  2125.   background-size: 10px 1px;
  2126.   background-repeat: repeat-x;
  2127.   background-origin: content-box;
  2128.   background-position: center top;
  2129.   border: none;
  2130.   box-shadow: none; }
  2131.  
  2132. scrolledwindow undershoot.bottom {
  2133.   background-color: transparent;
  2134.   background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2135.   padding-bottom: 1px;
  2136.   background-size: 10px 1px;
  2137.   background-repeat: repeat-x;
  2138.   background-origin: content-box;
  2139.   background-position: center bottom;
  2140.   border: none;
  2141.   box-shadow: none; }
  2142.  
  2143. scrolledwindow undershoot.left {
  2144.   background-color: transparent;
  2145.   background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2146.   padding-left: 1px;
  2147.   background-size: 1px 10px;
  2148.   background-repeat: repeat-y;
  2149.   background-origin: content-box;
  2150.   background-position: left center;
  2151.   border: none;
  2152.   box-shadow: none; }
  2153.  
  2154. scrolledwindow undershoot.right {
  2155.   background-color: transparent;
  2156.   background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2157.   padding-right: 1px;
  2158.   background-size: 1px 10px;
  2159.   background-repeat: repeat-y;
  2160.   background-origin: content-box;
  2161.   background-position: right center;
  2162.   border: none;
  2163.   box-shadow: none; }
  2164.  
  2165. scrolledwindow junction {
  2166.   border-color: transparent;
  2167.   border-image: linear-gradient(to bottom, rgba(12, 14, 21, 0.8) 1px, transparent 1px) 0 0 0 1/0 1px stretch;
  2168.   background-color: #171a27; }
  2169.   scrolledwindow junction:dir(rtl) {
  2170.     border-image-slice: 0 1 0 0; }
  2171.   scrolledwindow junction:backdrop {
  2172.     border-image-source: linear-gradient(to bottom, rgba(13, 16, 23, 0.82) 1px, transparent 1px);
  2173.     background-color: #10131b;
  2174.     transition: 200ms ease-out; }
  2175.  
  2176. separator {
  2177.   background: rgba(0, 0, 0, 0.1); }
  2178.  
  2179. /************
  2180.  * Popovers *
  2181.  ************/
  2182. GraniteWidgetsPopOver {
  2183.   -GraniteWidgetsPopOver-arrow-width: 21;
  2184.   -GraniteWidgetsPopOver-arrow-height: 10;
  2185.   -GraniteWidgetsPopOver-border-radius: 8px;
  2186.   -GraniteWidgetsPopOver-border-width: 0;
  2187.   -GraniteWidgetsPopOver-shadow-size: 12;
  2188.   border: 1px solid #181b28;
  2189.   background: #181b28;
  2190.   color: #C3C7D1; }
  2191.   GraniteWidgetsPopOver .button {
  2192.     background-image: none;
  2193.     background: none;
  2194.     border: none; }
  2195.     GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover {
  2196.       color: #144dff; }
  2197.   GraniteWidgetsPopOver > .frame {
  2198.     border: none; }
  2199.   GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar {
  2200.     border: none;
  2201.     background: none; }
  2202.  
  2203. GraniteWidgetsStaticNotebook .frame {
  2204.   border: none; }
  2205.  
  2206. .popover_bg {
  2207.   background-color: #181b28;
  2208.   background-image: none;
  2209.   border: 1px solid #181b28;
  2210.   color: #C3C7D1; }
  2211.  
  2212. /***********
  2213.  * Welcome *
  2214.  **********/
  2215. GraniteWidgetsWelcome {
  2216.   background-color: #181b28; }
  2217.   GraniteWidgetsWelcome GtkLabel {
  2218.     color: #C3C7D1; }
  2219.   GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 {
  2220.     color: rgba(195, 199, 209, 0.8); }
  2221.  
  2222. /**************
  2223. * Source List *
  2224. ***************/
  2225. .source-list {
  2226.   -GtkTreeView-horizontal-separator: 1px;
  2227.   -GtkTreeView-vertical-separator: 6px;
  2228.   background-color: #161925;
  2229.   border: solid rgba(12, 14, 21, 0.8);
  2230.   color: #C3C7D1;
  2231.   border-right-width: 1px; }
  2232.   .source-list .category-expander {
  2233.     color: transparent; }
  2234.   .source-list .badge {
  2235.     background-image: none;
  2236.     background-color: rgba(0, 0, 0, 0.4);
  2237.     color: #161925;
  2238.     border-radius: 10px;
  2239.     padding: 0 6px;
  2240.     margin: 0 3px;
  2241.     border-width: 0; }
  2242.     .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop {
  2243.       background-color: rgba(0, 0, 0, 0.2);
  2244.       color: #0c0e15; }
  2245.   .source-list row,
  2246.   .source-list .list-row {
  2247.     border: none;
  2248.     padding: 0; }
  2249.     .source-list row > GtkLabel,
  2250.     .source-list row > label,
  2251.     .source-list .list-row > GtkLabel,
  2252.     .source-list .list-row > label {
  2253.       padding-left: 6px;
  2254.       padding-right: 6px; }
  2255.  
  2256. /**************
  2257. * Text Styles *
  2258. **************/
  2259. .h1 {
  2260.   font-size: 24px; }
  2261.  
  2262. .h2 {
  2263.   font-weight: 300;
  2264.   font-size: 18px; }
  2265.  
  2266. .h3 {
  2267.   font-size: 11px; }
  2268.  
  2269. .h4,
  2270. .category-label {
  2271.   font-size: 12px;
  2272.   padding: 6px;
  2273.   color: rgba(195, 199, 209, 0.3);
  2274.   font-weight: bold;
  2275.   text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
  2276.  
  2277. /**************
  2278. * Storage Bar *
  2279. **************/
  2280. .storage-bar .trough {
  2281.   border: none;
  2282.   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  2283.   background-image: none;
  2284.   background-color: transparent;
  2285.   padding: 8px 6px; }
  2286.  
  2287. .storage-bar .fill-block {
  2288.   background-color: #f9dc5c;
  2289.   border: none;
  2290.   box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  2291.   transition: all 200ms ease-in-out;
  2292.   padding: 8px 6px; }
  2293.   .storage-bar .fill-block:first-child {
  2294.     border-top-left-radius: 4px;
  2295.     border-bottom-left-radius: 4px;
  2296.     border-left-width: 1px;
  2297.     box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
  2298.   .storage-bar .fill-block:last-child {
  2299.     border-top-right-radius: 4px;
  2300.     border-bottom-right-radius: 4px;
  2301.     box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
  2302.   .storage-bar .fill-block.empty-block {
  2303.     background-color: #181b28; }
  2304.   .storage-bar .fill-block.app {
  2305.     background-color: #7cb7ff; }
  2306.   .storage-bar .fill-block.audio {
  2307.     background-color: #ff6a00; }
  2308.   .storage-bar .fill-block.photo {
  2309.     background-color: #ed254e; }
  2310.   .storage-bar .fill-block.video {
  2311.     background-color: #c74ded; }
  2312.   .storage-bar .fill-block .legend {
  2313.     padding: 12px;
  2314.     border-radius: 4px; }
  2315.  
  2316. /***************
  2317.  * Header bars *
  2318.  ***************/
  2319. .titlebar:not(headerbar), .titlebar,
  2320. headerbar {
  2321.   padding: 0px 13px;
  2322.   min-height: 34px;
  2323.   background: #0c0e14;
  2324.   color: #C3C7D1;
  2325.   border-radius: 0; }
  2326.   .titlebar:backdrop,
  2327.   headerbar:backdrop {
  2328.     border-color: rgba(13, 16, 23, 0.82);
  2329.     transition: 200ms ease-out; }
  2330.   .titlebar .title,
  2331.   headerbar .title {
  2332.     font-weight: bold;
  2333.     padding-left: 12px;
  2334.     padding-right: 12px; }
  2335.   .titlebar .subtitle,
  2336.   headerbar .subtitle {
  2337.     font-size: smaller;
  2338.     padding-left: 12px;
  2339.     padding-right: 12px; }
  2340.   .titlebar:not(headerbar) entry, .titlebar entry,
  2341.   headerbar entry {
  2342.     min-height: 24px; }
  2343.   .titlebar:not(headerbar) button, .titlebar button,
  2344.   headerbar button {
  2345.     color: #8b8b8b;
  2346.     text-shadow: none;
  2347.     box-shadow: none;
  2348.     background: transparent;
  2349.     border: none;
  2350.     min-height: 14px;
  2351.     margin-top: 5px;
  2352.     margin-bottom: 5px;
  2353.     box-shadow: none; }
  2354.     .titlebar button.image-button,
  2355.     headerbar button.image-button {
  2356.       padding: 3px 4px; }
  2357.     .titlebar button.suggested-action,
  2358.     headerbar button.suggested-action {
  2359.       box-shadow: none;
  2360.       border: none;
  2361.       /* edited by me - usato da peek */
  2362.       background-image: linear-gradient(to right, #0151c7 0%, #00acff 100%); }
  2363.       .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop,
  2364.       headerbar button.suggested-action:disabled,
  2365.       headerbar button.suggested-action:disabled:backdrop,
  2366.       headerbar button.suggested-action:backdrop {
  2367.         border: none;
  2368.         background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  2369.         .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked,
  2370.         headerbar button.suggested-action:disabled:hover,
  2371.         headerbar button.suggested-action:disabled:active,
  2372.         headerbar button.suggested-action:disabled:checked,
  2373.         headerbar button.suggested-action:disabled:backdrop:hover,
  2374.         headerbar button.suggested-action:disabled:backdrop:active,
  2375.         headerbar button.suggested-action:disabled:backdrop:checked,
  2376.         headerbar button.suggested-action:backdrop:hover,
  2377.         headerbar button.suggested-action:backdrop:active,
  2378.         headerbar button.suggested-action:backdrop:checked {
  2379.           border: none;
  2380.           background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  2381.     .titlebar button.appmenu,
  2382.     headerbar button.appmenu {
  2383.       background: transparent; }
  2384.       .titlebar button.appmenu:backdrop,
  2385.       headerbar button.appmenu:backdrop {
  2386.         background: transparent; }
  2387.     .titlebar button:hover, .titlebar button:active, .titlebar button:checked,
  2388.     headerbar button:hover,
  2389.     headerbar button:active,
  2390.     headerbar button:checked {
  2391.       background-color: transparent;
  2392.       color: #144dff;
  2393.       box-shadow: none;
  2394.       border: none; }
  2395.     .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled,
  2396.     headerbar button:backdrop,
  2397.     headerbar button:disabled,
  2398.     headerbar button:backdrop:disabled {
  2399.       color: rgba(195, 199, 209, 0.2);
  2400.       background-color: transparent;
  2401.       border-radius: 0;
  2402.       text-shadow: none;
  2403.       box-shadow: none;
  2404.       border: none; }
  2405.     .titlebar button:backdrop:hover, .titlebar button:backdrop:active, .titlebar button:backdrop:checked,
  2406.     headerbar button:backdrop:hover,
  2407.     headerbar button:backdrop:active,
  2408.     headerbar button:backdrop:checked {
  2409.       background-color: transparent;
  2410.       color: #144dff;
  2411.       box-shadow: none; }
  2412.       .titlebar button:backdrop:hover label, .titlebar button:backdrop:active label, .titlebar button:backdrop:checked label,
  2413.       headerbar button:backdrop:hover label,
  2414.       headerbar button:backdrop:active label,
  2415.       headerbar button:backdrop:checked label {
  2416.         color: #144dff; }
  2417.     .titlebar button.suggested-action,
  2418.     headerbar button.suggested-action {
  2419.       font-weight: bold;
  2420.       min-height: 24px;
  2421.       margin-top: 5px;
  2422.       margin-bottom: 5px;
  2423.       border-radius: 4px;
  2424.       font-weight: normal;
  2425.       color: white;
  2426.       background-color: #181b28;
  2427.       text-shadow: none;
  2428.       box-shadow: none; }
  2429.       .titlebar button.suggested-action:hover,
  2430.       headerbar button.suggested-action:hover {
  2431.         color: white;
  2432.         outline-color: rgba(255, 255, 255, 0.3);
  2433.         background-color: #00c1e4;
  2434.         text-shadow: none; }
  2435.       .titlebar button.suggested-action:active,
  2436.       headerbar button.suggested-action:active {
  2437.         color: white;
  2438.         outline-color: rgba(255, 255, 255, 0.3);
  2439.         background-color: #00c1e4;
  2440.         text-shadow: none; }
  2441.       .titlebar button.suggested-action:disabled,
  2442.       headerbar button.suggested-action:disabled {
  2443.         color: white;
  2444.         outline-color: rgba(255, 255, 255, 0.3);
  2445.         background-color: #00c1e4;
  2446.         text-shadow: none; }
  2447.         .titlebar button.suggested-action:disabled label,
  2448.         headerbar button.suggested-action:disabled label {
  2449.           color: rgba(255, 255, 255, 0.5); }
  2450.       .titlebar button.suggested-action:backdrop,
  2451.       headerbar button.suggested-action:backdrop {
  2452.         color: rgba(255, 255, 255, 0.4);
  2453.         outline-color: rgba(255, 255, 255, 0.3);
  2454.         background-color: #00c1e4;
  2455.         text-shadow: none;
  2456.         border-radius: 3px; }
  2457.       .titlebar button.suggested-action:backdrop:disabled,
  2458.       headerbar button.suggested-action:backdrop:disabled {
  2459.         color: white;
  2460.         outline-color: rgba(255, 255, 255, 0.3);
  2461.         background-color: #00c1e4;
  2462.         text-shadow: none; }
  2463.     .titlebar button.destructive-action,
  2464.     headerbar button.destructive-action {
  2465.       font-weight: bold;
  2466.       min-height: 24px;
  2467.       margin-top: 5px;
  2468.       margin-bottom: 5px;
  2469.       border-radius: 4px;
  2470.       font-weight: normal;
  2471.       color: white;
  2472.       background-color: #181b28;
  2473.       text-shadow: none;
  2474.       box-shadow: none; }
  2475.       .titlebar button.destructive-action:hover,
  2476.       headerbar button.destructive-action:hover {
  2477.         color: white;
  2478.         outline-color: rgba(255, 255, 255, 0.3);
  2479.         background-color: #ce1138;
  2480.         text-shadow: none; }
  2481.       .titlebar button.destructive-action:active,
  2482.       headerbar button.destructive-action:active {
  2483.         color: white;
  2484.         outline-color: rgba(255, 255, 255, 0.3);
  2485.         background-color: #ce1138;
  2486.         text-shadow: none; }
  2487.       .titlebar button.destructive-action:disabled,
  2488.       headerbar button.destructive-action:disabled {
  2489.         color: white;
  2490.         outline-color: rgba(255, 255, 255, 0.3);
  2491.         background-color: #ce1138;
  2492.         text-shadow: none; }
  2493.         .titlebar button.destructive-action:disabled label,
  2494.         headerbar button.destructive-action:disabled label {
  2495.           color: rgba(255, 255, 255, 0.5); }
  2496.       .titlebar button.destructive-action:backdrop,
  2497.       headerbar button.destructive-action:backdrop {
  2498.         color: rgba(255, 255, 255, 0.4);
  2499.         outline-color: rgba(255, 255, 255, 0.3);
  2500.         background-color: #ce1138;
  2501.         text-shadow: none;
  2502.         border-radius: 3px; }
  2503.       .titlebar button.destructive-action:backdrop:disabled,
  2504.       headerbar button.destructive-action:backdrop:disabled {
  2505.         color: white;
  2506.         outline-color: rgba(255, 255, 255, 0.3);
  2507.         background-color: #ce1138;
  2508.         text-shadow: none; }
  2509.     .titlebar button.titlebutton,
  2510.     headerbar button.titlebutton {
  2511.       color: transparent;
  2512.       box-shadow: none;
  2513.       border: none;
  2514.       background-color: transparent;
  2515.       background-image: none;
  2516.       background-repeat: no-repeat; }
  2517.       .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar button.titlebutton *,
  2518.       headerbar button.titlebutton:hover,
  2519.       headerbar button.titlebutton:active,
  2520.       headerbar button.titlebutton:checked,
  2521.       headerbar button.titlebutton:backdrop,
  2522.       headerbar button.titlebutton:backdrop:hover,
  2523.       headerbar button.titlebutton * {
  2524.         color: transparent;
  2525.         box-shadow: none;
  2526.         background-color: transparent; }
  2527.   .titlebar .linked > button,
  2528.   .titlebar headerbar .linked > button, .titlebar .linked > button:active, .titlebar .linked > button:checked, .titlebar .linked > button:hover,
  2529.   .titlebar .linked > button:backdrop,
  2530.   headerbar .titlebar .linked > button,
  2531.   .titlebar headerbar .linked > button,
  2532.   headerbar .linked > button,
  2533.   headerbar .titlebar .linked > button:active,
  2534.   .titlebar headerbar .linked > button:active,
  2535.   headerbar .linked > button:active,
  2536.   headerbar .titlebar .linked > button:checked,
  2537.   .titlebar headerbar .linked > button:checked,
  2538.   headerbar .linked > button:checked,
  2539.   headerbar .titlebar .linked > button:hover,
  2540.   .titlebar headerbar .linked > button:hover,
  2541.   headerbar .titlebar .linked > button:backdrop,
  2542.   .titlebar headerbar .linked > button:backdrop,
  2543.   headerbar .linked > button:hover,
  2544.   headerbar .linked > button:backdrop {
  2545.     border-radius: 23px;
  2546.     border-right-style: none;
  2547.     border: none;
  2548.     box-shadow: none;
  2549.     margin: 10px 0px;
  2550.     min-height: 20px;
  2551.     transition: all .1s ease-in; }
  2552.     .titlebar .linked > button:only-child,
  2553.     .titlebar headerbar .linked > button:only-child,
  2554.     headerbar .titlebar .linked > button:only-child,
  2555.     headerbar .linked > button:only-child {
  2556.       border-radius: 13px;
  2557.       border-style: none; }
  2558.   .titlebar .linked > button:active,
  2559.   headerbar .linked > button:active {
  2560.     background: linear-gradient(to right, #144dff, #8500f7);
  2561.     color: snow; }
  2562.   .titlebar .linked > button:checked,
  2563.   headerbar .linked > button:checked {
  2564.     border-radius: 23px;
  2565.     background: linear-gradient(to right, #144dff, #8500f7);
  2566.     box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
  2567.     color: snow; }
  2568.         /* added by me - colore hover bottoni pamac e bleachbit, quelli nei dettagli delle applicazioni */
  2569.     headerbar .linked > button:hover {
  2570.     color:  #d0d4df; }
  2571.     .titlebar .linked > button:checked:backdrop,
  2572.     headerbar .linked > button:checked:backdrop {
  2573.       color: #ffe6e6; }
  2574.       .titlebar .linked > button:checked:backdrop label,
  2575.       headerbar .linked > button:checked:backdrop label {
  2576.         color: #ffe6e6; }
  2577.   .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked,
  2578.   headerbar.selection-mode button:backdrop.flat:active,
  2579.   headerbar.selection-mode button:backdrop.flat:checked,
  2580.   headerbar.selection-mode button:backdrop:active,
  2581.   headerbar.selection-mode button:backdrop:checked {
  2582.     border-color: #980ba2; }
  2583.     .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label,
  2584.     headerbar.selection-mode button:backdrop.flat:active label,
  2585.     headerbar.selection-mode button:backdrop.flat:checked label,
  2586.     headerbar.selection-mode button:backdrop:active label,
  2587.     headerbar.selection-mode button:backdrop:checked label {
  2588.       color: rgba(197, 14, 210, 0.6); }
  2589.   .tiled .titlebar,
  2590.   .maximized .titlebar, .tiled
  2591.   headerbar.titlebar,
  2592.   .maximized
  2593.   headerbar.titlebar {
  2594.     box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
  2595.   .tiled .titlebar:backdrop, .tiled .titlebar,
  2596.   .maximized .titlebar:backdrop,
  2597.   .maximized .titlebar, .tiled
  2598.   headerbar:backdrop, .tiled
  2599.   headerbar,
  2600.   .maximized
  2601.   headerbar:backdrop,
  2602.   .maximized
  2603.   headerbar {
  2604.     border-radius: 0; }
  2605.   .default-decoration.titlebar,
  2606.   headerbar.default-decoration {
  2607.     padding: 5px 4px;
  2608.     min-height: 20px; }
  2609.     .default-decoration.titlebar button.titlebutton,
  2610.     headerbar.default-decoration button.titlebutton {
  2611.       min-height: 20px;
  2612.       min-width: 20px;
  2613.       margin: 0;
  2614.       padding: 0; }
  2615.  
  2616. headerbar entry,
  2617. headerbar spinbutton,
  2618. headerbar separator {
  2619.   margin-top: 5px;
  2620.   margin-bottom: 5px; }
  2621.  
  2622. headerbar switch {
  2623.   margin-top: 10px;
  2624.   margin-bottom: 10px; }
  2625.  
  2626. headerbar separator {
  2627.   background: transparent; }
  2628.  
  2629. .background:not(.tiled):not(.maximized) .titlebar {
  2630.   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); }
  2631.   .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar {
  2632.     border-top-left-radius: 4px;
  2633.     border-top-right-radius: 4px; }
  2634.  
  2635. window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar,
  2636. window:not(.tiled):not(.maximized) headerbar:first-child:backdrop,
  2637. window:not(.tiled):not(.maximized) headerbar:first-child {
  2638.   border-top-left-radius: 4px; }
  2639.  
  2640. window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child {
  2641.   border-top-right-radius: 4px; }
  2642.  
  2643. window.csd > .titlebar:not(headerbar) {
  2644.   padding: 0;
  2645.   background-color: transparent;
  2646.   background-image: none;
  2647.   border-style: none;
  2648.   border-color: transparent;
  2649.   box-shadow: none; }
  2650.  
  2651. .titlebar:not(headerbar) > separator {
  2652.   background: transparent; }
  2653.  
  2654. /**************
  2655.  * GtkInfoBar *
  2656.  **************/
  2657. .info, .warning, .question, .error,
  2658. infobar {
  2659.   text-shadow: none;
  2660.   color: #C3C7D1;
  2661.   background-color: #161925;
  2662.   border-bottom: 1px solid #030305;
  2663.   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  2664.  
  2665. .info, .warning, .question, .error {
  2666.   text-shadow: none;
  2667.   color: #fefefe;
  2668.   border: none; }
  2669.   .info .label, .warning .label, .question .label, .error .label {
  2670.     color: #fefefe; }
  2671.     .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop {
  2672.       color: rgba(254, 254, 254, 0.5); }
  2673.   .info button, .warning button, .question button, .error button {
  2674.     border-radius: 2px;
  2675.     border: none;
  2676.     background: rgba(24, 27, 40, 0.98);
  2677.     color: #C3C7D1;
  2678.     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
  2679.     .info button .label, .warning button .label, .question button .label, .error button .label {
  2680.       color: #C3C7D1; }
  2681.     .info button:active, .warning button:active, .question button:active, .error button:active {
  2682.       background: #181b28;
  2683.       color: #C3C7D1;
  2684.       box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
  2685.       .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop {
  2686.         background: rgba(24, 27, 40, 0.8);
  2687.         color: rgba(195, 199, 209, 0.5);
  2688.         box-shadow: none; }
  2689.     .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus {
  2690.       box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
  2691.     .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled {
  2692.       background: rgba(24, 27, 40, 0.6);
  2693.       color: rgba(195, 199, 209, 0.5);
  2694.       box-shadow: none; }
  2695.       .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop {
  2696.         background: rgba(24, 27, 40, 0.5);
  2697.         color: rgba(195, 199, 209, 0.5);
  2698.         box-shadow: none; }
  2699.     .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop {
  2700.       background: rgba(24, 27, 40, 0.8);
  2701.       color: rgba(195, 199, 209, 0.5);
  2702.       box-shadow: none; }
  2703.  
  2704. .info {
  2705.   background-color: #71f79f; }
  2706.   .info:backdrop {
  2707.     background-color: #a1fac0;
  2708.     color: rgba(254, 254, 254, 0.5); }
  2709.  
  2710. .warning {
  2711.   background-color: #cc5500; }
  2712.   .warning:backdrop {
  2713.     background-color: #ff6a00;
  2714.     color: rgba(254, 254, 254, 0.5); }
  2715.  
  2716. .question {
  2717.   background-color: #00c1e4; }
  2718.   .question:backdrop {
  2719.     background-color: #18dcff;
  2720.     color: rgba(254, 254, 254, 0.5); }
  2721.  
  2722. .error {
  2723.   background-color: #e6133e; }
  2724.   .error:backdrop {
  2725.     background-color: #ef3d61;
  2726.     color: rgba(254, 254, 254, 0.5); }
  2727.  
  2728. /*************
  2729.  * Level Bar *
  2730.  *************/
  2731. levelbar block {
  2732.   min-width: 32px;
  2733.   min-height: 6px; }
  2734.  
  2735. levelbar.vertical block {
  2736.   min-width: 6px;
  2737.   min-height: 32px; }
  2738.  
  2739. levelbar:backdrop {
  2740.   transition: 200ms ease-out; }
  2741.  
  2742. levelbar trough {
  2743.   padding: 3px;
  2744.   border-radius: 3px;
  2745.   background-color: rgba(255, 255, 255, 0.2);
  2746.   box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
  2747.   levelbar trough:backdrop {
  2748.     background-color: rgba(255, 255, 255, 0.06);
  2749.     box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
  2750.  
  2751. levelbar.horizontal.discrete block {
  2752.   margin: 0 1px; }
  2753.  
  2754. levelbar.vertical.discrete block {
  2755.   margin: 1px 0; }
  2756.  
  2757. levelbar block {
  2758.   border-radius: 2px; }
  2759.   levelbar block:backdrop {
  2760.     box-shadow: none; }
  2761.   levelbar block.low {
  2762.     background-color: #cc5500; }
  2763.     levelbar block.low:backdrop {
  2764.       border-color: #cc5500; }
  2765.   levelbar block.high, levelbar block:not(.empty) {
  2766.     background-color: #00c1e4; }
  2767.     levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
  2768.       border-color: #00c1e4; }
  2769.   levelbar block.full {
  2770.     background-color: #0096b1; }
  2771.     levelbar block.full:backdrop {
  2772.       border-color: #0096b1; }
  2773.   levelbar block.empty {
  2774.     background-color: rgba(0, 0, 0, 0.35);
  2775.     box-shadow: none; }
  2776.  
  2777. /*********
  2778.  * Links *
  2779.  *********/
  2780. *:link, button:link,
  2781. button:visited {
  2782.   color: #7cb7ff; }
  2783.   *:link:visited,
  2784.   button:visited {
  2785.     color: rgba(124, 183, 255, 0.5); }
  2786.     *:selected *:link:visited, *:selected button:visited:link,
  2787.     *:selected button:visited {
  2788.       color: #e79eec; }
  2789.   *:link:hover, button:hover:link,
  2790.   button:hover:visited {
  2791.     color: #afd3ff; }
  2792.     *:selected *:link:hover, *:selected button:hover:link,
  2793.     *:selected button:hover:visited {
  2794.       color: #f8e6fa; }
  2795.   *:link:active, button:active:link,
  2796.   button:active:visited {
  2797.     color: #7cb7ff; }
  2798.     *:selected *:link:active, *:selected button:active:link,
  2799.     *:selected button:active:visited {
  2800.       color: #f3cef5; }
  2801.   *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link,
  2802.   button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link,
  2803.   button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link,
  2804.   button:backdrop:visited {
  2805.     color: #144dff; }
  2806.   *:link:selected, button:selected:link,
  2807.   button:selected:visited,
  2808.   *:selected *:link,
  2809.   *:selected button:link,
  2810.   *:selected button:visited {
  2811.     color: #f3cef5; }
  2812.  
  2813. button:link,
  2814. button:visited {
  2815.   text-shadow: none; }
  2816.   button:link:hover, button:link:active, button:link:checked,
  2817.   button:visited:hover,
  2818.   button:visited:active,
  2819.   button:visited:checked {
  2820.     text-shadow: none; }
  2821.   button:link > label,
  2822.   button:visited > label {
  2823.     text-decoration-line: underline; }
  2824.  
  2825. /*********
  2826.  * Lists *
  2827.  *********/
  2828. list {
  2829.   color: #C3C7D1;
  2830.   background-color: #181b28;
  2831.   border-color: rgba(12, 14, 21, 0.8); }
  2832.   list:backdrop {
  2833.     background-color: #1a1d2b;
  2834.     border-color: rgba(13, 16, 23, 0.82); }
  2835.  
  2836. row {
  2837.   padding: 5px 11px;
  2838.   transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  2839.   row label {
  2840.     padding-left: 8px; }
  2841.   row:hover {
  2842.     transition: none; }
  2843.   row:backdrop {
  2844.     transition: 200ms ease-out; }
  2845.   row.activatable.has-open-popup, row.activatable:hover {
  2846.     background-color: rgba(195, 199, 209, 0.05); }
  2847.   row.activatable:active {
  2848.     box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
  2849.   row.activatable:backdrop:hover {
  2850.     background-color: transparent; }
  2851.   row.activatable:selected:active {
  2852.     box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
  2853.   row.activatable:selected.has-open-popup, row.activatable:selected:hover {
  2854.     background-color: rgba(197, 14, 210, 0.5); }
  2855.   row.activatable:selected:backdrop {
  2856.     background-color: rgba(197, 14, 210, 0.6); }
  2857.   row.activatable button.flat {
  2858.     background-color: transparent; }
  2859.  
  2860. /*********
  2861.  * Menus *
  2862.  *********/
  2863. menubar,
  2864. .menubar {
  2865.   background-color: #0c0e14;
  2866.   color: #C3C7D1;
  2867.   -GtkWidget-window-dragging: true;
  2868.   padding: 0px;
  2869.   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
  2870.   menubar > menuitem,
  2871.   .menubar > menuitem {
  2872.     min-height: 16px;
  2873.     padding: 4px 8px; }
  2874.     menubar > menuitem:hover,
  2875.     .menubar > menuitem:hover {
  2876.       box-shadow: inset 0 -3px #144dff; }
  2877.     menubar > menuitem:disabled,
  2878.     .menubar > menuitem:disabled {
  2879.       color: #6d707b;
  2880.       box-shadow: none; }
  2881.  
  2882. menu,
  2883. .menu,
  2884. .context-menu {
  2885.   font: initial;
  2886.   margin: 4px;
  2887.   padding: 2px 0px;
  2888.   background: linear-gradient(to bottom, #1a1d2b, #12151f);
  2889.   border: 1px solid rgba(12, 14, 21, 0.8);
  2890.   border-radius: 5px; }
  2891.   .csd menu, .csd
  2892.   .menu, .csd
  2893.   .context-menu {
  2894.     border: none; }
  2895.   menu:backdrop,
  2896.   .menu:backdrop,
  2897.   .context-menu:backdrop {
  2898.     background-color: #191c2a; }
  2899.   menu menuitem,
  2900.   .menu menuitem,
  2901.   .context-menu menuitem {
  2902.     min-height: 17px;
  2903.     min-width: 40px;
  2904.     padding: 4px 6px;
  2905.     text-shadow: none; }
  2906.     menu menuitem:hover,
  2907.     .menu menuitem:hover,
  2908.     .context-menu menuitem:hover {
  2909.       color: #fefefe;
  2910.       background-color: #144dff; }
  2911.     menu menuitem:disabled,
  2912.     .menu menuitem:disabled,
  2913.     .context-menu menuitem:disabled {
  2914.       color: #6d707b; }
  2915.       menu menuitem:disabled:backdrop,
  2916.       .menu menuitem:disabled:backdrop,
  2917.       .context-menu menuitem:disabled:backdrop {
  2918.         color: #333955; }
  2919.     menu menuitem:backdrop, menu menuitem:backdrop:hover,
  2920.     .menu menuitem:backdrop,
  2921.     .menu menuitem:backdrop:hover,
  2922.     .context-menu menuitem:backdrop,
  2923.     .context-menu menuitem:backdrop:hover {
  2924.       color: #6d707b;
  2925.       background-color: transparent; }
  2926.     menu menuitem arrow,
  2927.     .menu menuitem arrow,
  2928.     .context-menu menuitem arrow {
  2929.       min-height: 16px;
  2930.       min-width: 16px; }
  2931.       menu menuitem arrow:dir(ltr),
  2932.       .menu menuitem arrow:dir(ltr),
  2933.       .context-menu menuitem arrow:dir(ltr) {
  2934.         -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
  2935.         margin-left: 10px; }
  2936.       menu menuitem arrow:dir(rtl),
  2937.       .menu menuitem arrow:dir(rtl),
  2938.       .context-menu menuitem arrow:dir(rtl) {
  2939.         -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
  2940.         margin-right: 10px; }
  2941.     menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
  2942.     .menu menuitem label:dir(rtl),
  2943.     .menu menuitem label:dir(ltr),
  2944.     .context-menu menuitem label:dir(rtl),
  2945.     .context-menu menuitem label:dir(ltr) {
  2946.       color: inherit; }
  2947.   menu > arrow,
  2948.   .menu > arrow,
  2949.   .context-menu > arrow {
  2950.     background-color: transparent;
  2951.     background-image: none;
  2952.     border-color: transparent;
  2953.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  2954.     text-shadow: none;
  2955.     -gtk-icon-shadow: none;
  2956.     min-height: 16px;
  2957.     min-width: 16px;
  2958.     padding: 4px;
  2959.     background-color: #181b28;
  2960.     border-radius: 0; }
  2961.     menu > arrow.top,
  2962.     .menu > arrow.top,
  2963.     .context-menu > arrow.top {
  2964.       margin-top: -6px;
  2965.       border-bottom: 1px solid #292c39;
  2966.       -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
  2967.     menu > arrow.bottom,
  2968.     .menu > arrow.bottom,
  2969.     .context-menu > arrow.bottom {
  2970.       margin-bottom: -6px;
  2971.       border-top: 1px solid #292c39;
  2972.       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  2973.     menu > arrow:hover,
  2974.     .menu > arrow:hover,
  2975.     .context-menu > arrow:hover {
  2976.       background-color: #292c39; }
  2977.     menu > arrow:backdrop,
  2978.     .menu > arrow:backdrop,
  2979.     .context-menu > arrow:backdrop {
  2980.       background-color: #191c2a; }
  2981.     menu > arrow:disabled,
  2982.     .menu > arrow:disabled,
  2983.     .context-menu > arrow:disabled {
  2984.       color: transparent;
  2985.       background-color: transparent;
  2986.       border-color: transparent; }
  2987.  
  2988. menuitem accelerator {
  2989.   color: alpha(currentColor,0.55); }
  2990.  
  2991. menuitem check,
  2992. menuitem radio {
  2993.   min-height: 16px;
  2994.   min-width: 16px; }
  2995.   menuitem check:dir(ltr),
  2996.   menuitem radio:dir(ltr) {
  2997.     margin-right: 7px; }
  2998.   menuitem check:dir(rtl),
  2999.   menuitem radio:dir(rtl) {
  3000.     margin-left: 7px; }
  3001.  
  3002. .csd.popup {
  3003.   background: transparent; }
  3004.  
  3005. /********
  3006.  * Misc *
  3007.  ********/
  3008. .content-view {
  3009.   background-color: #090a0f; }
  3010.   .content-view:hover {
  3011.     -gtk-icon-effect: highlight; }
  3012.   .content-view:backdrop {
  3013.     background-color: #090a0f; }
  3014.  
  3015. .osd .scale-popup button.flat {
  3016.   border-style: none;
  3017.   border-radius: 5px; }
  3018.  
  3019. .scale-popup button:hover {
  3020.   background-color: rgba(195, 199, 209, 0.1);
  3021.   border-radius: 5px; }
  3022.  
  3023. /************
  3024. * Assistant *
  3025. *************/
  3026. assistant {
  3027.   border-bottom-left-radius: 4px;
  3028.   border-bottom-right-radius: 4px; }
  3029.   assistant .sidebar {
  3030.     background-color: #181b28;
  3031.     border-top: 1px solid rgba(12, 14, 21, 0.8);
  3032.     border-bottom-left-radius: 4px; }
  3033.     assistant .sidebar:backdrop {
  3034.       background-color: #1a1d2b;
  3035.       border-color: rgba(13, 16, 23, 0.82); }
  3036.   assistant.csd .sidebar {
  3037.     border-top-style: none; }
  3038.   assistant .sidebar GtkLabel,
  3039.   assistant .sidebar label {
  3040.     padding: 6px 12px; }
  3041.   assistant .sidebar GtkLabel.highlight,
  3042.   assistant .sidebar label.highlight {
  3043.     background-color: #393c47; }
  3044.  
  3045. /*************
  3046.  * Notebooks *
  3047.  *************/
  3048. notebook > header {
  3049.   padding: 1px;
  3050.   border-color: transparent;
  3051.   border-width: 1px;
  3052.   background-color: #10121a; }
  3053.   notebook > header:backdrop {
  3054.     border-color: rgba(13, 16, 23, 0.82);
  3055.     background-color: #161925; }
  3056.   notebook > header tabs {
  3057.     margin: 0px; }
  3058.   notebook > header.top {
  3059.     border-bottom-style: solid; }
  3060.     notebook > header.top > tabs {
  3061.       margin-bottom: -2px; }
  3062.       notebook > header.top > tabs > tab:backdrop {
  3063.         box-shadow: none; }
  3064.       notebook > header.top > tabs > tab:checked {
  3065.         background: linear-gradient(to right, #0151c7, #00acff) left bottom #141620 no-repeat;
  3066.         background-size: 100% 2px;
  3067.         border: 0; }
  3068.   notebook > header.bottom {
  3069.     border-top-style: solid; }
  3070.     notebook > header.bottom > tabs {
  3071.       margin-top: -2px; }
  3072.       notebook > header.bottom > tabs > tab:backdrop {
  3073.         box-shadow: none; }
  3074.       notebook > header.bottom > tabs > tab:checked {
  3075.         background: linear-gradient(to right, #0151c7, #00acff) left bottom #141620 no-repeat;
  3076.         background-size: 100% 2px;
  3077.         border: 0; }
  3078.   notebook > header.left {
  3079.     border-right-style: solid; }
  3080.     notebook > header.left > tabs {
  3081.       margin-right: -2px; }
  3082.       notebook > header.left > tabs > tab:backdrop {
  3083.         box-shadow: none; }
  3084.       notebook > header.left > tabs > tab:checked {
  3085.         background: linear-gradient(to bottom, #5800E2, #FF00E6) left bottom #141620 no-repeat;
  3086.         background-size: 2px 100%;
  3087.         border: 0; }
  3088.   notebook > header.right {
  3089.     border-left-style: solid; }
  3090.     notebook > header.right > tabs {
  3091.       margin-left: -2px; }
  3092.       notebook > header.right > tabs > tab:backdrop {
  3093.         box-shadow: none; }
  3094.       notebook > header.right > tabs > tab:checked {
  3095.         background: linear-gradient(to bottom, #5800E2, #FF00E6) left bottom #141620 no-repeat;
  3096.         background-size: 2px 100%;
  3097.         border: 0; }
  3098.   notebook > header.top > tabs > arrow {
  3099.     border-top-style: none; }
  3100.   notebook > header.bottom > tabs > arrow {
  3101.     border-bottom-style: none; }
  3102.   notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
  3103.     margin-left: -5px;
  3104.     margin-right: -5px;
  3105.     padding-left: 4px;
  3106.     padding-right: 4px; }
  3107.     notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
  3108.       -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  3109.     notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
  3110.       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  3111.   notebook > header.left > tabs > arrow {
  3112.     border-left-style: none; }
  3113.   notebook > header.right > tabs > arrow {
  3114.     border-right-style: none; }
  3115.   notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
  3116.     margin-top: -5px;
  3117.     margin-bottom: -5px;
  3118.     padding-top: 4px;
  3119.     padding-bottom: 4px; }
  3120.     notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
  3121.       -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
  3122.     notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
  3123.       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  3124.   notebook > header > tabs > arrow {
  3125.     min-height: 14px;
  3126.     min-width: 14px;
  3127.     border-radius: 0; }
  3128.     notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
  3129.       background-clip: padding-box;
  3130.       background-image: none;
  3131.       background-color: rgba(255, 255, 255, 0.3);
  3132.       border-color: transparent;
  3133.       box-shadow: none; }
  3134.     notebook > header > tabs > arrow:disabled {
  3135.       background-color: transparent;
  3136.       background-image: none;
  3137.       border-color: transparent;
  3138.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3139.       text-shadow: none;
  3140.       -gtk-icon-shadow: none; }
  3141.   notebook > header tab {
  3142.     min-height: 24px;
  3143.     min-width: 24px;
  3144.     padding: 1px 12px;
  3145.     outline-offset: -5px;
  3146.     color: #6d707b;
  3147.     font-weight: normal;
  3148.     border-width: 1px;
  3149.     border-color: transparent; }
  3150.     notebook > header tab:hover {
  3151.       color: #989ca6; }
  3152.       notebook > header tab:hover.reorderable-page {
  3153.         border-color: rgba(12, 14, 21, 0.1);
  3154.         background-color: rgba(22, 25, 37, 0.2); }
  3155.     notebook > header tab:backdrop {
  3156.       color: #4a4d59; }
  3157.       notebook > header tab:backdrop.reorderable-page {
  3158.         border-color: transparent;
  3159.         background-color: transparent; }
  3160.     notebook > header tab:checked {
  3161.       color: #C3C7D1; }
  3162.       notebook > header tab:checked.reorderable-page {
  3163.         border-color: rgba(12, 14, 21, 0.3);
  3164.         background-color: rgba(22, 25, 37, 0.5); }
  3165.         notebook > header tab:checked.reorderable-page:hover {
  3166.           background-color: rgba(22, 25, 37, 0.7); }
  3167.     notebook > header tab:backdrop:checked {
  3168.       color: #6d707b; }
  3169.       notebook > header tab:backdrop:checked.reorderable-page {
  3170.         border-color: rgba(13, 16, 23, 0.82);
  3171.         background-color: #1a1d2b; }
  3172.     notebook > header tab button.flat {
  3173.       padding: 0;
  3174.       margin-top: 4px;
  3175.       margin-bottom: 4px;
  3176.       min-width: 20px;
  3177.       min-height: 20px; }
  3178.       notebook > header tab button.flat:hover {
  3179.         background: transparent;
  3180.         box-shadow: none;
  3181.         color: #ed254e; }
  3182.       notebook > header tab button.flat, notebook > header tab button.flat:backdrop {
  3183.         color: alpha(currentColor,0.3); }
  3184.   notebook > header.top tabs, notebook > header.bottom tabs {
  3185.     padding-left: 0px;
  3186.     padding-right: 0px; }
  3187.     notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) {
  3188.       margin-left: 0.5px;
  3189.       margin-right: 0.5px; }
  3190.       notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
  3191.         margin-left: -1px; }
  3192.       notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
  3193.         margin-right: -1px; }
  3194.     notebook > header.top tabs tab, notebook > header.bottom tabs tab {
  3195.       margin-left: 0.5px;
  3196.       margin-right: 0.5px; }
  3197.       notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
  3198.         border-style: none solid; }
  3199.   notebook > header.left tabs, notebook > header.right tabs {
  3200.     padding-top: 4px;
  3201.     padding-bottom: 4px; }
  3202.     notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) {
  3203.       margin-top: 3px;
  3204.       margin-bottom: 3px; }
  3205.       notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
  3206.         margin-top: -1px; }
  3207.       notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
  3208.         margin-bottom: -1px; }
  3209.     notebook > header.left tabs tab, notebook > header.right tabs tab {
  3210.       margin-top: 4px;
  3211.       margin-bottom: 4px; }
  3212.       notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
  3213.         border-style: solid none; }
  3214.   notebook > header.top tab {
  3215.     padding-bottom: 3px; }
  3216.   notebook > header.bottom tab {
  3217.     padding-top: 3px; }
  3218.   notebook > header button {
  3219.     margin-top: 1px;
  3220.     margin-bottom: 1px;
  3221.     padding: 1px 1px; }
  3222.  
  3223. notebook > stack:not(:only-child) {
  3224.   background-color: #181b28; }
  3225.   notebook > stack:not(:only-child):backdrop {
  3226.     background-color: #1a1d2b; }
  3227.  
  3228. /*********
  3229.  * Paned *
  3230.  *********/
  3231. paned > separator {
  3232.   min-width: 1px;
  3233.   min-height: 1px;
  3234.   -gtk-icon-source: none;
  3235.   border-style: none;
  3236.   background-color: transparent;
  3237.   background-image: image(rgba(12, 14, 21, 0.8));
  3238.   background-size: 1px 1px; }
  3239.   paned > separator:selected {
  3240.     background-image: image(#144dff); }
  3241.   paned > separator:backdrop {
  3242.     background-image: image(rgba(13, 16, 23, 0.82)); }
  3243.   paned > separator.wide {
  3244.     min-width: 5px;
  3245.     min-height: 5px;
  3246.     background-color: #161925;
  3247.     background-image: image(rgba(12, 14, 21, 0.8)), image(rgba(12, 14, 21, 0.8));
  3248.     background-size: 1px 1px, 1px 1px; }
  3249.     paned > separator.wide:backdrop {
  3250.       background-color: #161925;
  3251.       background-image: image(rgba(13, 16, 23, 0.82)), image(rgba(13, 16, 23, 0.82)); }
  3252.  
  3253. paned.horizontal > separator {
  3254.   background-repeat: repeat-y; }
  3255.   paned.horizontal > separator:dir(ltr) {
  3256.     margin: 0 -8px 0 0;
  3257.     padding: 0 8px 0 0;
  3258.     background-position: left; }
  3259.   paned.horizontal > separator:dir(rtl) {
  3260.     margin: 0 0 0 -8px;
  3261.     padding: 0 0 0 8px;
  3262.     background-position: right; }
  3263.   paned.horizontal > separator.wide {
  3264.     margin: 0;
  3265.     padding: 0;
  3266.     background-repeat: repeat-y, repeat-y;
  3267.     background-position: left, right; }
  3268.  
  3269. paned.vertical > separator {
  3270.   margin: 0 0 -8px 0;
  3271.   padding: 0 0 8px 0;
  3272.   background-repeat: repeat-x;
  3273.   background-position: top; }
  3274.   paned.vertical > separator.wide {
  3275.     margin: 0;
  3276.     padding: 0;
  3277.     background-repeat: repeat-x, repeat-x;
  3278.     background-position: bottom, top; }
  3279.  
  3280. /************
  3281.  * Pathbars *
  3282.  ************/
  3283. .path-bar button.text-button, .path-bar button.image-button, .path-bar button {
  3284.   padding-left: 4px;
  3285.   padding-right: 4px; }
  3286.  
  3287. .path-bar button.text-button.image-button label {
  3288.   padding-left: 0;
  3289.   padding-right: 0; }
  3290.  
  3291. .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
  3292.   padding-right: 8px; }
  3293.  
  3294. .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
  3295.   padding-left: 8px; }
  3296.  
  3297. .path-bar button image {
  3298.   padding-left: 4px;
  3299.   padding-right: 4px; }
  3300.  
  3301. .path-bar button.slider-button {
  3302.   padding-left: 0;
  3303.   padding-right: 0; }
  3304.  
  3305. /***************
  3306.  * Popovers   *
  3307.  ***************/
  3308. popover.background {
  3309.   padding: 2px;
  3310.   border-radius: 5px;
  3311.   background: linear-gradient(to bottom, #1a1d2b, #12151f);
  3312.   box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); }
  3313.   .csd popover.background, popover.background {
  3314.     border: 1px solid rgba(12, 14, 21, 0.8); }
  3315.   popover.background:backdrop {
  3316.     background-color: #161925;
  3317.     box-shadow: none; }
  3318.   popover.background > list,
  3319.   popover.background > .view,
  3320.   popover.background > iconview,
  3321.   popover.background > toolbar {
  3322.     border-style: none;
  3323.     background-color: transparent; }
  3324.   .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier {
  3325.     border: 1px solid rgba(255, 255, 255, 0.1); }
  3326.   popover.background separator {
  3327.     margin: 3px; }
  3328.   popover.background list separator {
  3329.     margin: 0px; }
  3330.  
  3331. /*****************
  3332.  * Progress bars *
  3333.  *****************/
  3334. progressbar {
  3335.   font-size: smaller;
  3336.   color: rgba(195, 199, 209, 0.4); }
  3337.   progressbar.horizontal trough,
  3338.   progressbar.horizontal progress {
  3339.     min-height: 6px; }
  3340.   progressbar.vertical trough,
  3341.   progressbar.vertical progress {
  3342.     min-width: 6px; }
  3343.   progressbar.horizontal progress {
  3344.     margin: 0; }
  3345.   progressbar.vertical progress {
  3346.     margin: 0;
  3347.     background: linear-gradient(to bottom, #00f17d, #00f7d2); }
  3348.   progressbar:backdrop {
  3349.     box-shadow: none;
  3350.     transition: 200ms ease-out; }
  3351.   progressbar.osd {
  3352.     min-width: 3px;
  3353.     min-height: 3px;
  3354.     background-color: transparent; }
  3355.     progressbar.osd trough {
  3356.       border-style: none;
  3357.       border-radius: 0;
  3358.       background-color: transparent;
  3359.       box-shadow: none; }
  3360.     progressbar.osd progress {
  3361.       border-style: none;
  3362.       border-radius: 0; }
  3363.  
  3364. /************
  3365.  * GtkScale *
  3366.  ************/
  3367. progressbar trough, scale trough, scale fill {
  3368.   background-color: rgba(255, 255, 255, 0.14);
  3369.   border: none;
  3370.   border-radius: 3px;
  3371.   margin: 0; }
  3372.   progressbar trough:disabled, scale trough:disabled, scale fill:disabled {
  3373.     background-color: rgba(255, 255, 255, 0.06); }
  3374.   progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop {
  3375.     background-color: rgba(255, 255, 255, 0.06);
  3376.     transition: 200ms ease-out; }
  3377.     progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled {
  3378.       background-color: rgba(255, 255, 255, 0.06); }
  3379.  
  3380. progressbar progress, scale highlight {
  3381.   border: none;
  3382.   background: linear-gradient(to right, #0151c7, #00acff);
  3383.   border-radius: 3px;
  3384.   margin: 0; }
  3385.   progressbar progress:disabled, scale highlight:disabled {
  3386.     border: none;
  3387.     background-color: rgba(255, 255, 255, 0.14); }
  3388.   progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop {
  3389.     border-color: #db10ea;
  3390.     background-color: #db10ea; }
  3391.     progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled {
  3392.       background-color: rgba(255, 255, 255, 0.06); }
  3393.  
  3394. scale {
  3395.   min-height: 16px;
  3396.   min-width: 16px;
  3397.   padding: 8px; }
  3398.   scale.horizontal trough,
  3399.   scale.horizontal progress {
  3400.     min-height: 6px; }
  3401.   scale.vertical trough,
  3402.   scale.vertical progress {
  3403.     min-width: 6px; }
  3404.   scale.vertical highlight {
  3405.     background: linear-gradient(to bottom, #00f17d, #00f7d2); }
  3406.   scale slider {
  3407.     min-height: 15px;
  3408.     min-width: 15px;
  3409.     margin: -7px;
  3410.     background-color: #181b28;
  3411.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  3412.     border-radius: 12px;
  3413.     transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  3414.     transition-property: background, border, box-shadow; }
  3415.     scale slider:active {
  3416.       background-color: #144dff; }
  3417.       scale slider:active:disabled {
  3418.         background-color: #171a26;
  3419.         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3420.   scale.fine-tune.horizontal {
  3421.     padding-top: 9px;
  3422.     padding-bottom: 9px;
  3423.     min-height: 16px; }
  3424.   scale.fine-tune.vertical {
  3425.     padding-left: 9px;
  3426.     padding-right: 9px;
  3427.     min-width: 16px; }
  3428.   scale.fine-tune slider {
  3429.     margin: -6px; }
  3430.   scale.fine-tune fill,
  3431.   scale.fine-tune highlight,
  3432.   scale.fine-tune trough {
  3433.     border-radius: 5px;
  3434.     -gtk-outline-radius: 7px; }
  3435.   scale trough {
  3436.     outline-offset: 2px;
  3437.     -gtk-outline-radius: 5px;
  3438.     outline-color: transparent; }
  3439.   scale fill:backdrop, scale fill {
  3440.     background-color: rgba(12, 14, 21, 0.8); }
  3441.   scale fill:disabled:backdrop, scale fill:disabled {
  3442.     border-color: transparent;
  3443.     background-color: transparent; }
  3444.   .osd scale fill {
  3445.     background-color: rgba(97, 97, 97, 0.775); }
  3446.     .osd scale fill:disabled:backdrop, .osd scale fill:disabled {
  3447.       border-color: transparent;
  3448.       background-color: transparent; }
  3449.   scale slider {
  3450.     border-color: #181b28;
  3451.     border: 2px solid #00f17d;
  3452.     border-radius: 12px;
  3453.     background-color: #292f45; }
  3454.     scale slider:active {
  3455.       border-color: #980ba2; }
  3456.     scale slider:disabled {
  3457.       background-color: #0c0e15;
  3458.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
  3459.     scale slider:backdrop, scale slider:backdrop:disabled {
  3460.       transition: 200ms ease-out;
  3461.       background-color: #0c0e15;
  3462.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
  3463.     row:selected scale slider:disabled, row:selected scale slider {
  3464.       border-color: #980ba2; }
  3465.     .osd scale slider {
  3466.       color: #fefefe;
  3467.       border-color: rgba(0, 0, 0, 0.7);
  3468.       background-color: rgba(16, 19, 27, 0.98);
  3469.       background-clip: padding-box;
  3470.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  3471.       text-shadow: 0 1px black;
  3472.       -gtk-icon-shadow: 0 1px black;
  3473.       outline-color: rgba(254, 254, 254, 0.3);
  3474.       border-color: rgba(0, 0, 0, 0.7);
  3475.       background-color: #10131b; }
  3476.       .osd scale slider:hover {
  3477.         color: white;
  3478.         border-color: rgba(0, 0, 0, 0.7);
  3479.         background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98));
  3480.         background-clip: padding-box;
  3481.         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  3482.         text-shadow: 0 1px black;
  3483.         -gtk-icon-shadow: 0 1px black;
  3484.         outline-color: rgba(254, 254, 254, 0.3);
  3485.         background-color: #10131b; }
  3486.       .osd scale slider:active {
  3487.         color: white;
  3488.         border-color: rgba(0, 0, 0, 0.7);
  3489.         background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98));
  3490.         background-clip: padding-box;
  3491.         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  3492.         text-shadow: none;
  3493.         -gtk-icon-shadow: none;
  3494.         outline-color: rgba(254, 254, 254, 0.3);
  3495.         background-color: #10131b; }
  3496.       .osd scale slider:disabled {
  3497.         color: #87888d;
  3498.         border-color: rgba(0, 0, 0, 0.7);
  3499.         background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  3500.         background-clip: padding-box;
  3501.         box-shadow: none;
  3502.         text-shadow: none;
  3503.         -gtk-icon-shadow: none;
  3504.         background-color: #10131b; }
  3505.       .osd scale slider:backdrop {
  3506.         color: #fefefe;
  3507.         border-color: rgba(0, 0, 0, 0.7);
  3508.         background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98));
  3509.         background-clip: padding-box;
  3510.         box-shadow: none;
  3511.         text-shadow: none;
  3512.         -gtk-icon-shadow: none;
  3513.         background-color: #10131b; }
  3514.         .osd scale slider:backdrop:disabled {
  3515.           background-color: #10131b; }
  3516.   scale value {
  3517.     color: alpha(currentColor,0.4); }
  3518.   scale marks {
  3519.     color: alpha(currentColor,0.4); }
  3520.     scale marks.top {
  3521.       margin-bottom: 6px;
  3522.       margin-top: -12px; }
  3523.     scale marks.bottom {
  3524.       margin-top: 6px;
  3525.       margin-bottom: -12px; }
  3526.     scale marks.top {
  3527.       margin-right: 6px;
  3528.       margin-left: -12px; }
  3529.     scale marks.bottom {
  3530.       margin-left: 6px;
  3531.       margin-right: -12px; }
  3532.   scale.fine-tune marks.top {
  3533.     margin-bottom: 6px;
  3534.     margin-top: -9px; }
  3535.   scale.fine-tune marks.bottom {
  3536.     margin-top: 6px;
  3537.     margin-bottom: -9px; }
  3538.   scale.fine-tune marks.top {
  3539.     margin-right: 6px;
  3540.     margin-left: -9px; }
  3541.   scale.fine-tune marks.bottom {
  3542.     margin-left: 6px;
  3543.     margin-right: -9px; }
  3544.   scale.horizontal indicator {
  3545.     min-height: 6px;
  3546.     min-width: 1px; }
  3547.   scale.horizontal.fine-tune indicator {
  3548.     min-height: 3px; }
  3549.   scale.vertical indicator {
  3550.     min-height: 1px;
  3551.     min-width: 6px; }
  3552.   scale.vertical.fine-tune indicator {
  3553.     min-width: 3px; }
  3554.   scale.horizontal.marks-before:not(.marks-after) slider {
  3555.     min-height: 15px;
  3556.     min-width: 15px;
  3557.     margin: -7px;
  3558.     border: 2px solid #00f17d;
  3559.     border-radius: 50%;
  3560.     background-color: #292f45;
  3561.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3562.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3563.     margin: -7px; }
  3564.   scale.horizontal.marks-before:not(.marks-after) slider:hover {
  3565.     min-height: 15px;
  3566.     min-width: 15px;
  3567.     margin: -7px;
  3568.     border: 2px solid #00f17d;
  3569.     border-radius: 50%;
  3570.     background-color: #292f45;
  3571.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3572.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3573.     margin: -7px; }
  3574.   scale.horizontal.marks-before:not(.marks-after) slider:active {
  3575.     min-height: 15px;
  3576.     min-width: 15px;
  3577.     margin: -7px;
  3578.     border: 2px solid #00f17d;
  3579.     border-radius: 50%;
  3580.     background-color: #292f45;
  3581.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3582.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3583.     margin: -7px; }
  3584.   scale.horizontal.marks-before:not(.marks-after) slider:disabled {
  3585.     min-height: 15px;
  3586.     min-width: 15px;
  3587.     margin: -7px;
  3588.     border: 2px solid #00f17d;
  3589.     border-radius: 50%;
  3590.     background-color: #292f45;
  3591.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3592.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3593.     margin: -7px; }
  3594.   scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
  3595.     min-height: 15px;
  3596.     min-width: 15px;
  3597.     margin: -7px;
  3598.     border: 2px solid #00f17d;
  3599.     border-radius: 50%;
  3600.     background-color: #292f45;
  3601.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3602.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3603.     margin: -7px; }
  3604.   scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
  3605.     min-height: 15px;
  3606.     min-width: 15px;
  3607.     margin: -7px;
  3608.     border: 2px solid #00f17d;
  3609.     border-radius: 50%;
  3610.     background-color: #292f45;
  3611.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3612.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3613.     margin: -7px; }
  3614.   scale.horizontal.marks-after:not(.marks-before) slider {
  3615.     min-height: 15px;
  3616.     min-width: 15px;
  3617.     margin: -7px;
  3618.     border: 2px solid #00f17d;
  3619.     border-radius: 50%;
  3620.     background-color: #292f45;
  3621.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3622.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3623.     margin: -7px; }
  3624.   scale.horizontal.marks-after:not(.marks-before) slider:hover {
  3625.     min-height: 15px;
  3626.     min-width: 15px;
  3627.     margin: -7px;
  3628.     border: 2px solid #00f17d;
  3629.     border-radius: 50%;
  3630.     background-color: #292f45;
  3631.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3632.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3633.     margin: -7px; }
  3634.   scale.horizontal.marks-after:not(.marks-before) slider:active {
  3635.     min-height: 15px;
  3636.     min-width: 15px;
  3637.     margin: -7px;
  3638.     border: 2px solid #00f17d;
  3639.     border-radius: 50%;
  3640.     background-color: #292f45;
  3641.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3642.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3643.     margin: -7px; }
  3644.   scale.horizontal.marks-after:not(.marks-before) slider:disabled {
  3645.     min-height: 15px;
  3646.     min-width: 15px;
  3647.     margin: -7px;
  3648.     border: 2px solid #00f17d;
  3649.     border-radius: 50%;
  3650.     background-color: #292f45;
  3651.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3652.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3653.     margin: -7px; }
  3654.   scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
  3655.     min-height: 15px;
  3656.     min-width: 15px;
  3657.     margin: -7px;
  3658.     border: 2px solid #00f17d;
  3659.     border-radius: 50%;
  3660.     background-color: #292f45;
  3661.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3662.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3663.     margin: -7px; }
  3664.   scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
  3665.     min-height: 15px;
  3666.     min-width: 15px;
  3667.     margin: -7px;
  3668.     border: 2px solid #00f17d;
  3669.     border-radius: 50%;
  3670.     background-color: #292f45;
  3671.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3672.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3673.     margin: -7px; }
  3674.   scale.vertical.marks-before:not(.marks-after) slider {
  3675.     min-height: 15px;
  3676.     min-width: 15px;
  3677.     margin: -7px;
  3678.     border: 2px solid #00f17d;
  3679.     border-radius: 50%;
  3680.     background-color: #292f45;
  3681.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3682.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3683.     margin: -7px; }
  3684.   scale.vertical.marks-before:not(.marks-after) slider:hover {
  3685.     min-height: 15px;
  3686.     min-width: 15px;
  3687.     margin: -7px;
  3688.     border: 2px solid #00f17d;
  3689.     border-radius: 50%;
  3690.     background-color: #292f45;
  3691.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3692.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3693.     margin: -7px; }
  3694.   scale.vertical.marks-before:not(.marks-after) slider:active {
  3695.     min-height: 15px;
  3696.     min-width: 15px;
  3697.     margin: -7px;
  3698.     border: 2px solid #00f17d;
  3699.     border-radius: 50%;
  3700.     background-color: #292f45;
  3701.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3702.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3703.     margin: -7px; }
  3704.   scale.vertical.marks-before:not(.marks-after) slider:disabled {
  3705.     min-height: 15px;
  3706.     min-width: 15px;
  3707.     margin: -7px;
  3708.     border: 2px solid #00f17d;
  3709.     border-radius: 50%;
  3710.     background-color: #292f45;
  3711.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3712.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3713.     margin: -7px; }
  3714.   scale.vertical.marks-before:not(.marks-after) slider:backdrop {
  3715.     min-height: 15px;
  3716.     min-width: 15px;
  3717.     margin: -7px;
  3718.     border: 2px solid #00f17d;
  3719.     border-radius: 50%;
  3720.     background-color: #292f45;
  3721.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3722.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3723.     margin: -7px; }
  3724.   scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
  3725.     min-height: 15px;
  3726.     min-width: 15px;
  3727.     margin: -7px;
  3728.     border: 2px solid #00f17d;
  3729.     border-radius: 50%;
  3730.     background-color: #292f45;
  3731.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3732.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3733.     margin: -7px; }
  3734.   scale.vertical.marks-after:not(.marks-before) slider {
  3735.     min-height: 15px;
  3736.     min-width: 15px;
  3737.     margin: -7px;
  3738.     border: 2px solid #00f17d;
  3739.     border-radius: 50%;
  3740.     background-color: #292f45;
  3741.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3742.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3743.     margin: -7px; }
  3744.   scale.vertical.marks-after:not(.marks-before) slider:hover {
  3745.     min-height: 15px;
  3746.     min-width: 15px;
  3747.     margin: -7px;
  3748.     border: 2px solid #00f17d;
  3749.     border-radius: 50%;
  3750.     background-color: #292f45;
  3751.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3752.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3753.     margin: -7px; }
  3754.   scale.vertical.marks-after:not(.marks-before) slider:active {
  3755.     min-height: 15px;
  3756.     min-width: 15px;
  3757.     margin: -7px;
  3758.     border: 2px solid #00f17d;
  3759.     border-radius: 50%;
  3760.     background-color: #292f45;
  3761.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3762.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3763.     margin: -7px; }
  3764.   scale.vertical.marks-after:not(.marks-before) slider:disabled {
  3765.     min-height: 15px;
  3766.     min-width: 15px;
  3767.     margin: -7px;
  3768.     border: 2px solid #00f17d;
  3769.     border-radius: 50%;
  3770.     background-color: #292f45;
  3771.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3772.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3773.     margin: -7px; }
  3774.   scale.vertical.marks-after:not(.marks-before) slider:backdrop {
  3775.     min-height: 15px;
  3776.     min-width: 15px;
  3777.     margin: -7px;
  3778.     border: 2px solid #00f17d;
  3779.     border-radius: 50%;
  3780.     background-color: #292f45;
  3781.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3782.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3783.     margin: -7px; }
  3784.   scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
  3785.     min-height: 15px;
  3786.     min-width: 15px;
  3787.     margin: -7px;
  3788.     border: 2px solid #00f17d;
  3789.     border-radius: 50%;
  3790.     background-color: #292f45;
  3791.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3792.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3793.     margin: -7px; }
  3794.   scale.color {
  3795.     min-height: 0;
  3796.     min-width: 0; }
  3797.     scale.color trough {
  3798.       background-image: image(rgba(12, 14, 21, 0.8));
  3799.       background-repeat: no-repeat; }
  3800.     scale.color.horizontal {
  3801.       padding: 0 0 15px 0; }
  3802.       scale.color.horizontal trough {
  3803.         padding-bottom: 4px;
  3804.         background-position: 0 -3px;
  3805.         border-top-left-radius: 0;
  3806.         border-top-right-radius: 0; }
  3807.       scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) {
  3808.         margin-bottom: -15px;
  3809.         margin-top: 6px; }
  3810.     scale.color.vertical:dir(ltr) {
  3811.       padding: 0 0 0 15px; }
  3812.       scale.color.vertical:dir(ltr) trough {
  3813.         padding-left: 4px;
  3814.         background-position: 3px 0;
  3815.         border-bottom-right-radius: 0;
  3816.         border-top-right-radius: 0; }
  3817.       scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider {
  3818.         margin-left: -15px;
  3819.         margin-right: 6px; }
  3820.     scale.color.vertical:dir(rtl) {
  3821.       padding: 0 15px 0 0; }
  3822.       scale.color.vertical:dir(rtl) trough {
  3823.         padding-right: 4px;
  3824.         background-position: -3px 0;
  3825.         border-bottom-left-radius: 0;
  3826.         border-top-left-radius: 0; }
  3827.       scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider {
  3828.         margin-right: -15px;
  3829.         margin-left: 6px; }
  3830.     scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) {
  3831.       padding: 0 0 12px 0; }
  3832.       scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough {
  3833.         padding-bottom: 7px;
  3834.         background-position: 0 -6px; }
  3835.       scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider {
  3836.         margin-bottom: -15px;
  3837.         margin-top: 6px; }
  3838.     scale.color.fine-tune.vertical:dir(ltr) {
  3839.       padding: 0 0 0 12px; }
  3840.       scale.color.fine-tune.vertical:dir(ltr) trough {
  3841.         padding-left: 7px;
  3842.         background-position: 6px 0; }
  3843.       scale.color.fine-tune.vertical:dir(ltr) slider {
  3844.         margin-left: -15px;
  3845.         margin-right: 6px; }
  3846.     scale.color.fine-tune.vertical:dir(rtl) {
  3847.       padding: 0 12px 0 0; }
  3848.       scale.color.fine-tune.vertical:dir(rtl) trough {
  3849.         padding-right: 7px;
  3850.         background-position: -6px 0; }
  3851.       scale.color.fine-tune.vertical:dir(rtl) slider {
  3852.         margin-right: -15px;
  3853.         margin-left: 6px; }
  3854.  
  3855. /**************
  3856.  * Scrollbars *
  3857.  **************/
  3858. scrollbar {
  3859.   background-color: #171a27;
  3860.   transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  3861.   * {
  3862.     -GtkScrollbar-has-backward-stepper: false;
  3863.     -GtkScrollbar-has-forward-stepper: false; }
  3864.   scrollbar.top {
  3865.     border-bottom: 1px solid rgba(12, 14, 21, 0.8); }
  3866.   scrollbar.bottom {
  3867.     border-top: 1px solid rgba(12, 14, 21, 0.8); }
  3868.   scrollbar.left {
  3869.     border-right: 1px solid rgba(12, 14, 21, 0.8); }
  3870.   scrollbar.right {
  3871.     border-left: 1px solid rgba(12, 14, 21, 0.8); }
  3872.   scrollbar:backdrop {
  3873.     background-color: #10131b;
  3874.     border-color: rgba(13, 16, 23, 0.82);
  3875.     transition: 200ms ease-out; }
  3876.   scrollbar slider {
  3877.     min-width: 6px;
  3878.     min-height: 6px;
  3879.     margin: -1px;
  3880.     border: 4px solid transparent;
  3881.     border-radius: 8px;
  3882.     background-clip: padding-box;
  3883.     background-color: #0151c7; }
  3884.     scrollbar slider:hover {
  3885.       background-color: #a0a4af; }
  3886.     scrollbar slider:hover:active {
  3887.       background-color: #0151c7; }
  3888.     scrollbar slider:backdrop {
  3889.       background-color: #393c47; }
  3890.     scrollbar slider:disabled {
  3891.       background-color: transparent; }
  3892.   scrollbar.fine-tune slider {
  3893.     min-width: 4px;
  3894.     min-height: 4px; }
  3895.   scrollbar.fine-tune.horizontal slider {
  3896.     border-width: 5px 4px; }
  3897.   scrollbar.fine-tune.vertical slider {
  3898.     border-width: 4px 5px; }
  3899.   scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
  3900.     border-color: transparent;
  3901.     opacity: 0.4;
  3902.     background-color: transparent; }
  3903.     scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
  3904.       margin: 0;
  3905.       min-width: 3px;
  3906.       min-height: 3px;
  3907.       background-color: #C3C7D1;
  3908.       border: 1px solid black; }
  3909.     scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
  3910.       min-width: 5px;
  3911.       min-height: 5px;
  3912.       background-color: #C3C7D1;
  3913.       background-clip: padding-box;
  3914.       border-radius: 100%;
  3915.       border: 1px solid black;
  3916.       -gtk-icon-source: none; }
  3917.     scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
  3918.       margin: 0 2px;
  3919.       min-width: 40px; }
  3920.     scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
  3921.       margin: 1px 2px;
  3922.       min-width: 5px; }
  3923.     scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
  3924.       margin: 2px 0;
  3925.       min-height: 40px; }
  3926.     scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
  3927.       margin: 2px 1px;
  3928.       min-height: 5px; }
  3929.   scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
  3930.     opacity: 0.8; }
  3931.   scrollbar.horizontal slider {
  3932.     min-width: 40px; }
  3933.   scrollbar.vertical slider {
  3934.     min-height: 40px; }
  3935.   scrollbar button {
  3936.     padding: 0;
  3937.     min-width: 12px;
  3938.     min-height: 12px;
  3939.     border-style: none;
  3940.     border-radius: 0;
  3941.     transition-property: min-height, min-width, color;
  3942.     background-color: transparent;
  3943.     background-image: none;
  3944.     border-color: transparent;
  3945.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3946.     text-shadow: none;
  3947.     -gtk-icon-shadow: none;
  3948.     color: #7e818c; }
  3949.     scrollbar button:hover {
  3950.       background-color: transparent;
  3951.       background-image: none;
  3952.       border-color: transparent;
  3953.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3954.       text-shadow: none;
  3955.       -gtk-icon-shadow: none;
  3956.       color: #a0a4af; }
  3957.     scrollbar button:active, scrollbar button:checked {
  3958.       background-color: transparent;
  3959.       background-image: none;
  3960.       border-color: transparent;
  3961.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3962.       text-shadow: none;
  3963.       -gtk-icon-shadow: none;
  3964.       color: #e323f0; }
  3965.     scrollbar button:disabled {
  3966.       background-color: transparent;
  3967.       background-image: none;
  3968.       border-color: transparent;
  3969.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3970.       text-shadow: none;
  3971.       -gtk-icon-shadow: none;
  3972.       color: rgba(126, 129, 140, 0.2); }
  3973.     scrollbar button:backdrop {
  3974.       background-color: transparent;
  3975.       background-image: none;
  3976.       border-color: transparent;
  3977.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3978.       text-shadow: none;
  3979.       -gtk-icon-shadow: none;
  3980.       color: #393c47; }
  3981.       scrollbar button:backdrop:disabled {
  3982.         background-color: transparent;
  3983.         background-image: none;
  3984.         border-color: transparent;
  3985.         box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3986.         text-shadow: none;
  3987.         -gtk-icon-shadow: none;
  3988.         color: rgba(57, 60, 71, 0.2); }
  3989.   scrollbar.vertical button.down {
  3990.     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  3991.   scrollbar.vertical button.up {
  3992.     -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
  3993.   scrollbar.horizontal button.down {
  3994.     -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
  3995.   scrollbar.horizontal button.up {
  3996.     -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
  3997.  
  3998. treeview ~ scrollbar.vertical {
  3999.   border-top: 1px solid rgba(12, 14, 21, 0.8);
  4000.   margin-top: -1px; }
  4001.  
  4002. /***********
  4003.  * Sidebar *
  4004.  ***********/
  4005. .sidebar {
  4006.   border-style: none;
  4007.   border-width: 0;
  4008.   background-color: #171a27; }
  4009.   .sidebar .frame {
  4010.     border: none; }
  4011.   stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
  4012.     border-right: none;
  4013.     border-left-style: none; }
  4014.   stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right {
  4015.     border-left: 1px solid rgba(12, 14, 21, 0.8);
  4016.     border-right-style: none; }
  4017.   .sidebar:backdrop {
  4018.     background-color: #181b28;
  4019.     border-color: rgba(13, 16, 23, 0.82); }
  4020.   .sidebar row {
  4021.     padding: 8px 12px;
  4022.     transition: all .12s ease-in; }
  4023.     .sidebar row label {
  4024.       color: #98abb2; }
  4025.     .sidebar row:selected {
  4026.       color: #fefefe; }
  4027.       .sidebar row:selected:backdrop {
  4028.         color: rgba(254, 254, 254, 0.5);
  4029.         background: rgba(197, 14, 210, 0.6); }
  4030.         .sidebar row:selected:backdrop label {
  4031.           color: #fefefe; }
  4032.       .sidebar row:selected label {
  4033.         color: #fefefe; }
  4034.   .sidebar.source-list {
  4035.     background: #161925;
  4036.     padding: 4px 0px; }
  4037.     .sidebar.source-list.view, iconview.sidebar.source-list {
  4038.       transition: all .12s ease-in; }
  4039.       .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected {
  4040.         background-color: #144dff;
  4041.         color: #fefefe; }
  4042.         .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active {
  4043.           box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
  4044.         .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover {
  4045.           background-color: rgba(197, 14, 210, 0.9); }
  4046.         .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop {
  4047.           background-color: rgba(197, 14, 210, 0.6); }
  4048.       .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover {
  4049.         background-color: rgba(0, 0, 0, 0.13); }
  4050.   paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
  4051.     border-style: none;
  4052.     border-color: rgba(12, 14, 21, 0.8); }
  4053.  
  4054. stacksidebar row {
  4055.   padding: 10px 4px; }
  4056.   stacksidebar row > label {
  4057.     padding-left: 6px;
  4058.     padding-right: 6px; }
  4059.   stacksidebar row.needs-attention > label {
  4060.     background-size: 6px 6px, 0 0; }
  4061.  
  4062. /*******************************************************************/
  4063. /*                  PLACESSIDEBAR                                  */
  4064. /*******************************************************************/
  4065. /*--*/
  4066. placessidebar.sidebar {
  4067.   background-color: transparent;
  4068.   background-image: linear-gradient(to right, #171e27 40px, #161925 35px, #161925 36px, #161925 36px, #161925 99%, #161925 100%); }
  4069.   placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon {
  4070.     margin-left: -14px;
  4071.     margin-right: 12px;
  4072.     padding-left: 14px;
  4073.     padding-right: 12px;
  4074.     color: #9ecfa2; }
  4075.   placessidebar.sidebar row.sidebar-row:hover {
  4076.     transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  4077.     color: rgba(0, 0, 0, 0.76);
  4078.     background-color: transparent;
  4079.     /*rgba(65,67,75,0.4); */
  4080.     background-image: linear-gradient(to right, rgba(65, 67, 75, 0) 40px, rgba(0, 0, 0, 0.12) 40px, rgba(0, 0, 0, 0.12) 97%); }
  4081.   placessidebar.sidebar row.sidebar-row:active:hover {
  4082.     color: rgba(0, 0, 0, 0.76);
  4083.     background-color: rgba(0, 0, 0, 0.23); }
  4084.   placessidebar.sidebar row.sidebar-row:selected {
  4085.     color: rgba(255, 255, 255, 0.938);
  4086.     background-color: transparent;
  4087.     background-image: linear-gradient(to right, #144dff 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
  4088.     placessidebar.sidebar row.sidebar-row:selected:hover {
  4089.       color: #ffffff;
  4090.       background-color: rgba(0, 0, 0, 0.24); }
  4091.       placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon {
  4092.         color: #ffffff; }
  4093.     placessidebar.sidebar row.sidebar-row:selected:backdrop {
  4094.       color: rgba(0, 0, 0, 0.54);
  4095.       background-color: transparent;
  4096.       background-image: linear-gradient(to right, #144dff 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
  4097.       placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon {
  4098.         color: rgba(254, 254, 254, 0.5);
  4099.         -gtk-icon-shadow: 0 1px rgba(254, 254, 254, 0.3); }
  4100.     placessidebar.sidebar row.sidebar-row:selected .sidebar-icon {
  4101.       -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
  4102.       color: inherit; }
  4103.   placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon {
  4104.     color: #f9dc5c; }
  4105.   placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) {
  4106.     box-shadow: inset 0 1px #71f79f, inset 0 -1px #71f79f; }
  4107.     placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image {
  4108.       color: #71f79f; }
  4109.     placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected {
  4110.       background: #71f79f; }
  4111.       placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image {
  4112.         color: #fefefe; }
  4113.  
  4114. placessidebar list {
  4115.   background-color: transparent; }
  4116.   placessidebar list:backdrop {
  4117.     background-color: transparent; }
  4118.  
  4119. /*****************
  4120.  * GtkSpinButton *
  4121.  *****************/
  4122. spinbutton:not(.vertical) {
  4123.   padding: 0; }
  4124.   spinbutton:not(.vertical) entry {
  4125.     min-width: 28px;
  4126.     margin: 0;
  4127.     background: none;
  4128.     background-color: transparent;
  4129.     border: none;
  4130.     border-radius: 0;
  4131.     box-shadow: none; }
  4132.   spinbutton:not(.vertical) button {
  4133.     min-height: 16px;
  4134.     margin: 0;
  4135.     padding-bottom: 0;
  4136.     padding-top: 0;
  4137.     color: #b2b6c0;
  4138.     background-image: none;
  4139.     border-style: none none none solid;
  4140.     border-color: rgba(12, 14, 21, 0.1);
  4141.     border-radius: 0;
  4142.     box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); }
  4143.     spinbutton:not(.vertical) button:dir(rtl) {
  4144.       border-style: none solid none none; }
  4145.     spinbutton:not(.vertical) button:hover {
  4146.       color: #C3C7D1;
  4147.       background-color: rgba(195, 199, 209, 0.05); }
  4148.     spinbutton:not(.vertical) button:disabled {
  4149.       color: rgba(109, 112, 123, 0.3); }
  4150.     spinbutton:not(.vertical) button:active {
  4151.       background-color: rgba(0, 0, 0, 0.1);
  4152.       box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
  4153.     spinbutton:not(.vertical) button:backdrop {
  4154.       color: #656873;
  4155.       background-color: transparent;
  4156.       border-color: rgba(13, 16, 23, 0.12);
  4157.       transition: 200ms ease-out; }
  4158.     spinbutton:not(.vertical) button:backdrop:disabled {
  4159.       color: rgba(51, 57, 85, 0.3);
  4160.       background-image: none;
  4161.       border-style: