MisterDiamond

gtk.css - updated

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