MisterDiamond

gtk-dark.css

Jan 7th, 2021 (edited)
1,729
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 242.07 KB | None | 0 0
  1. /*$selected_bg_color: #00e8c6;06d6a0*/
  2. /* GTK NAMED COLORS
  3.    ----------------
  4.    use responsibly! */
  5. /* widget text/foreground color */
  6. @define-color theme_fg_color #C3C7D1;
  7. /* text color for entries, views and content in general */
  8. @define-color theme_text_color #C3C7D1;
  9. /* widget base background color */
  10. @define-color theme_bg_color #161925;
  11. /* text widgets and the like base background color */
  12. @define-color theme_base_color #181b28;
  13. /* base background color of selections */
  14. @define-color theme_selected_bg_color #144dff;
  15. /* text/foreground color of selections */
  16. @define-color theme_selected_fg_color #fefefe;
  17. /* base background color of disabled widgets */
  18. @define-color insensitive_bg_color #171a26;
  19. /* text foreground color of disabled widgets */
  20. @define-color insensitive_fg_color #6d707b;
  21. /* disabled text widgets and the like base background color */
  22. @define-color insensitive_base_color #181b28;
  23. /* widget text/foreground color on backdrop windows */
  24. @define-color theme_unfocused_fg_color #6d707b;
  25. /* text color for entries, views and content in general on backdrop windows */
  26. @define-color theme_unfocused_text_color #C3C7D1;
  27. /* widget base background color on backdrop windows */
  28. @define-color theme_unfocused_bg_color #161925;
  29. /* text widgets and the like base background color on backdrop windows */
  30. @define-color theme_unfocused_base_color #1a1d2b;
  31. /* base background color of selections on backdrop windows */
  32. @define-color theme_unfocused_selected_bg_color #144dff;
  33. /* text/foreground color of selections on backdrop windows */
  34. @define-color theme_unfocused_selected_fg_color #fefefe;
  35. /* widgets main borders color */
  36. @define-color borders rgba(12, 14, 21, 0.8);
  37. /* widgets main borders color on backdrop windows */
  38. @define-color unfocused_borders rgba(13, 16, 23, 0.82);
  39. /* these are pretty self explicative */
  40. @define-color warning_color #cc5500;
  41. @define-color error_color #e6133e;
  42. @define-color success_color #0096b1;
  43. @define-color fg_color #C3C7D1;
  44. @define-color text_color #C3C7D1;
  45. @define-color bg_color #161925;
  46. @define-color base_color #181b28;
  47. @define-color selected_bg_color #144dff;
  48. @define-color selected_fg_color #fefefe;
  49. @define-color unfocused_fg_color #6d707b;
  50. @define-color unfocused_text_color #C3C7D1;
  51. @define-color unfocused_bg_color #161925;
  52. @define-color unfocused_base_color #1a1d2b;
  53. @define-color unfocused_selected_bg_color #144dff;
  54. @define-color unfocused_selected_fg_color #fefefe;
  55. /* these colors are exported for the window manager and shouldn't be used in applications,
  56. read if you used those and something break with a version upgrade you're on your own... */
  57. @define-color wm_title shade(#C3C7D1, 1.8);
  58. @define-color wm_unfocused_title #6d707b;
  59. @define-color wm_highlight rgba(0, 0, 0, 0);
  60. @define-color wm_borders_edge rgba(255, 255, 255, 0.1);
  61. @define-color wm_bg_a shade(#161925, 1.2);
  62. @define-color wm_bg_b #161925;
  63. @define-color wm_shadow alpha(black, 0.35);
  64. @define-color wm_border alpha(black, 0.18);
  65. @define-color wm_button_hover_color_a shade(#161925, 1.3);
  66. @define-color wm_button_hover_color_b #161925;
  67. @define-color wm_button_active_color_a shade(#161925, 0.85);
  68. @define-color wm_button_active_color_b shade(#161925, 0.89);
  69. @define-color wm_button_active_color_c shade(#161925, 0.9);
  70. @define-color content_view_bg #181b28;
  71. @define-color text_view_bg #181b28;
  72. @define-color budgie_tasklist_indicator_color #144dff;
  73. @define-color budgie_tasklist_indicator_color_active #144dff;
  74. @define-color placeholder_text_color #a1a5b0;
  75. /*****************
  76. * Drawing mixins *
  77. *****************/
  78. /*********
  79. * Common *
  80. *********/
  81. * {
  82.   padding: 0;
  83.   -GtkToolButton-icon-spacing: 4;
  84.   -GtkTextView-error-underline-color: #e6133e;
  85.   -GtkScrolledWindow-scrollbar-spacing: 0;
  86.   -GtkToolItemGroup-expander-size: 11;
  87.   -GtkWidget-text-handle-width: 20;
  88.   -GtkWidget-text-handle-height: 24;
  89.   -GtkDialog-button-spacing: 4;
  90.   -GtkDialog-action-area-border: 0;
  91.   outline-color: rgba(195, 199, 209, 0.3);
  92.   outline-style: dashed;
  93.   outline-offset: -3px;
  94.   outline-width: 1px;
  95.   -gtk-outline-radius: 2px;
  96.   -gtk-secondary-caret-color: #144dff; }
  97.  
  98. /***********
  99.  * Widgets *
  100.  ***********/
  101. /***************
  102. * Action bars *
  103. ***************/
  104. .action-bar {
  105.   background-color: #030305;
  106.   border: solid rgba(12, 14, 21, 0.8);
  107.   border-width: 1px 0 0 0;
  108.   color: #C3C7D1;
  109.   box-shadow: none; }
  110.   .action-bar:backdrop {
  111.     background-color: #030305;
  112.     box-shadow: none;
  113.     -gtk-icon-effect: dim; }
  114.   .action-bar:first-child {
  115.     border-radius: 6px 6px 0px 0px;
  116.     border-width: 1px 1px 0px 1px; }
  117.   .action-bar:last-child {
  118.     border-radius: 0 0 6px 6px;
  119.     border-width: 0px 1px 1px 1px; }
  120.  
  121. /*********************
  122.  * App Notifications *
  123.  *********************/
  124. .app-notification,
  125. .app-notification.frame {
  126.   padding: 10px;
  127.   border-radius: 0 0 5px 5px;
  128.   background-color: rgba(16, 19, 27, 0.98);
  129.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
  130.   background-clip: padding-box; }
  131.   .app-notification:backdrop,
  132.   .app-notification.frame:backdrop {
  133.     background-image: none;
  134.     transition: 200ms ease-out; }
  135.   .app-notification border,
  136.   .app-notification.frame border {
  137.     border: none; }
  138.  
  139. /***************
  140.  * Base States *
  141.  ***************/
  142. .background {
  143.   color: #C3C7D1;
  144.   background-color: #161925; }
  145.   .background:backdrop {
  146.     color: #6d707b;
  147.     background-color: #161925;
  148.     text-shadow: none;
  149.     -gtk-icon-shadow: none; }
  150.  
  151. /*
  152.    These wildcard seems unavoidable, need to investigate.
  153.    Wildcards are bad and troublesome, use them with care,
  154.    or better, just don't.
  155.    Everytime a wildcard is used a kitten dies, painfully.
  156. */
  157. *:disabled {
  158.   -gtk-icon-effect: dim; }
  159.  
  160. .gtkstyle-fallback {
  161.   color: #C3C7D1;
  162.   background-color: #161925; }
  163.   .gtkstyle-fallback:hover {
  164.     color: #C3C7D1;
  165.     background-color: #292f45; }
  166.   .gtkstyle-fallback:active {
  167.     color: #C3C7D1;
  168.     background-color: #030305; }
  169.   .gtkstyle-fallback:disabled {
  170.     color: #6d707b;
  171.     background-color: #171a26; }
  172.   .gtkstyle-fallback:selected {
  173.     color: #fefefe;
  174.     background-color: #144dff; }
  175.  
  176. .view, iconview,
  177. .view text,
  178. iconview text,
  179. textview text {
  180.   color: #C3C7D1;
  181.   background-color: #181b28; }
  182.   .view:backdrop, iconview:backdrop,
  183.   .view text:backdrop,
  184.   iconview text:backdrop,
  185.   textview text:backdrop {
  186.     color: #a1a5b0;
  187.     background-color: #1a1d2b; }
  188.   .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
  189.   .view text:selected:focus,
  190.   iconview text:selected:focus,
  191.   textview text:selected:focus,
  192.   .view text:selected,
  193.   iconview text:selected,
  194.   textview text:selected {
  195.     border-radius: 3px; }
  196.  
  197. textview border {
  198.   background-color: #171a27; }
  199.  
  200. .rubberband,
  201. rubberband,
  202. flowbox rubberband,
  203. .content-view rubberband,
  204. treeview.view rubberband {
  205.   border: 1px solid #980ba2;
  206.   background-color: rgba(152, 11, 162, 0.2); }
  207.  
  208. flowbox flowboxchild {
  209.   padding: 3px;
  210.   border-radius: 3px; }
  211.   flowbox flowboxchild:selected {
  212.     outline-offset: -2px; }
  213.  
  214. label {
  215.   caret-color: currentColor; }
  216.   label.separator {
  217.     color: #C3C7D1; }
  218.     label.separator:backdrop {
  219.       color: #6d707b; }
  220.   label selection {
  221.     background-color: #144dff;
  222.     color: #fefefe; }
  223.   label:disabled {
  224.     color: #6d707b; }
  225.     label:disabled:backdrop {
  226.       color: #333955; }
  227.   label:backdrop {
  228.     color: #6d707b; }
  229.  
  230. .dim-label, label.separator, .titlebar .subtitle,
  231. headerbar .subtitle {
  232.   opacity: 0.55;
  233.   text-shadow: none; }
  234.  
  235. assistant .sidebar {
  236.   background-color: #181b28;
  237.   border-top: 1px solid rgba(12, 14, 21, 0.8); }
  238.   assistant .sidebar:backdrop {
  239.     background-color: #1a1d2b;
  240.     border-color: rgba(13, 16, 23, 0.82); }
  241.  
  242. assistant.csd .sidebar {
  243.   border-top-style: none; }
  244.  
  245. assistant .sidebar label {
  246.   padding: 6px 12px; }
  247.  
  248. assistant .sidebar label.highlight {
  249.   background-color: #393c47; }
  250.  
  251. .app-notification,
  252. .app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd {
  253.   color: #fefefe;
  254.   border: 1px solid #171e27;
  255.   background-color: rgba(16, 19, 27, 0.98);
  256.   background-clip: padding-box;
  257.   outline-color: rgba(254, 254, 254, 0.3);
  258.   text-shadow: 0 1px black;
  259.   -gtk-icon-shadow: 0 1px black; }
  260.   .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop {
  261.     text-shadow: none;
  262.     -gtk-icon-shadow: none; }
  263.  
  264. *:selected {
  265.   background: #144dff;
  266.   color: #fefefe; }
  267.  
  268. /***********
  269.  * Buttons *
  270.  ***********/
  271. @keyframes needs_attention {
  272.   from {
  273.     background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#e63bf2), to(transparent)); }
  274.   to {
  275.     background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#144dff), to(transparent)); } }
  276.  
  277. notebook > header > tabs > arrow,
  278. button {
  279.   min-height: 20px;
  280.   min-width: 16px;
  281.   padding: 2px 6px;
  282.   border: 1px solid rgba(12, 14, 21, 0.8);
  283.   border-radius: 4px;
  284.   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  285.   font-weight: normal;
  286.   color: #C3C7D1;
  287.   background-color: #181b28;
  288.   text-shadow: none; }
  289.   notebook > header > tabs > arrow,
  290.   button.flat {
  291.     background-color: transparent;
  292.     background-image: none;
  293.     border-color: transparent;
  294.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  295.     text-shadow: none;
  296.     -gtk-icon-shadow: none;
  297.     transition: none; }
  298.     notebook > header > tabs > arrow:hover,
  299.     button.flat:hover {
  300.       transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  301.       transition-duration: 500ms;
  302.       color: #fefefe;
  303.       outline-color: rgba(254, 254, 254, 0.3);
  304.       background-color: #144dff;
  305.       text-shadow: none; }
  306.       notebook > header > tabs > arrow:hover:active,
  307.       button.flat:hover:active {
  308.         transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  309.   notebook > header > tabs > arrow:hover,
  310.   button:hover {
  311.     color: #fefefe;
  312.     outline-color: rgba(254, 254, 254, 0.3);
  313.     background-color: #144dff;
  314.     text-shadow: none;
  315.     -gtk-icon-effect: highlight; }
  316.   notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
  317.   button:active,
  318.   button:checked {
  319.     color: #fefefe;
  320.     outline-color: rgba(254, 254, 254, 0.3);
  321.     background-color: #0086e4;
  322.     text-shadow: none;
  323.     transition-duration: 50ms; }
  324.   notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop,
  325.   button:backdrop.flat,
  326.   button:backdrop {
  327.     color: #a1a5b0;
  328.     outline-color: rgba(195, 199, 209, 0.3);
  329.     background-color: #1a1d2b;
  330.     text-shadow: none;
  331.     transition: 200ms ease-out;
  332.     -gtk-icon-effect: none; }
  333.     notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
  334.     button:backdrop.flat:active,
  335.     button:backdrop.flat:checked,
  336.     button:backdrop:active,
  337.     button:backdrop:checked {
  338.       color: rgba(254, 254, 254, 0.7);
  339.       outline-color: rgba(195, 199, 209, 0.3);
  340.       background-color: #144dff;
  341.       text-shadow: none; }
  342.       notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label,
  343.       button:backdrop.flat:active label,
  344.       button:backdrop.flat:checked label,
  345.       button:backdrop:active label,
  346.       button:backdrop:checked label {
  347.         color: rgba(254, 254, 254, 0.7); }
  348.     notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
  349.     button:backdrop.flat:disabled,
  350.     button:backdrop:disabled {
  351.       color: #a1a5b0;
  352.       outline-color: rgba(195, 199, 209, 0.3);
  353.       background-color: #171a26;
  354.       text-shadow: none; }
  355.       notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
  356.       button:backdrop.flat:disabled:active,
  357.       button:backdrop.flat:disabled:checked,
  358.       button:backdrop:disabled:active,
  359.       button:backdrop:disabled:checked {
  360.         color: rgba(254, 254, 254, 0.7);
  361.         outline-color: rgba(195, 199, 209, 0.3);
  362.         background-color: #144dff;
  363.         text-shadow: none; }
  364.   notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled,
  365.   button.flat:backdrop,
  366.   button.flat:disabled,
  367.   button.flat:backdrop:disabled {
  368.     background-color: transparent;
  369.     background-image: none;
  370.     border-color: transparent;
  371.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  372.     text-shadow: none;
  373.     -gtk-icon-shadow: none; }
  374.   notebook > header > tabs > arrow:disabled,
  375.   button:disabled {
  376.     color: #a1a5b0;
  377.     outline-color: rgba(195, 199, 209, 0.3);
  378.     background-color: #171a26;
  379.     text-shadow: none; }
  380.     notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
  381.     button:disabled:active,
  382.     button:disabled:checked {
  383.       color: rgba(254, 254, 254, 0.7);
  384.       outline-color: rgba(195, 199, 209, 0.3);
  385.       background-color: #144dff;
  386.       text-shadow: none; }
  387.       notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label,
  388.       button:disabled:active label,
  389.       button:disabled:checked label {
  390.         color: rgba(254, 254, 254, 0.7); }
  391.   notebook > header > tabs > arrow.image-button,
  392.   button.image-button {
  393.     min-width: 24px;
  394.     padding-left: 4px;
  395.     padding-right: 4px; }
  396.     notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button,
  397.     button.image-button.circular,
  398.     button.image-button.sidebar-button {
  399.       padding: 6px 4px;
  400.       border-radius: 50px;
  401.       box-shadow: none; }
  402.     notebook > header > tabs > arrow.image-button.sidebar-button,
  403.     button.image-button.sidebar-button {
  404.       background-color: #252a3e;
  405.       color: #fff; }
  406.       notebook > header > tabs > arrow.image-button.sidebar-button:hover,
  407.       button.image-button.sidebar-button:hover {
  408.         background-color: #144dff; }
  409.   notebook > header > tabs > arrow.text-button,
  410.   button.text-button {
  411.     padding-left: 16px;
  412.     padding-right: 16px; }
  413.   notebook > header > tabs > arrow.text-button.image-button,
  414.   button.text-button.image-button {
  415.     padding-left: 8px;
  416.     padding-right: 8px;
  417.     border-radius: 2px; }
  418.     notebook > header > tabs > arrow.text-button.image-button label,
  419.     button.text-button.image-button label {
  420.       padding-left: 8px;
  421.       padding-right: 8px; }
  422.   combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
  423.   button:drop(active) {
  424.     color: #71f79f;
  425.     border-color: #71f79f;
  426.     box-shadow: inset 0 0 0 1px #71f79f; }
  427.  
  428. row:selected
  429. button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
  430.   color: #fefefe;
  431.   border-color: transparent; }
  432.   row:selected
  433.   button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
  434.     color: #6d707b; }
  435.  
  436.  
  437. button.osd {
  438.   min-width: 24px;
  439.   min-height: 20px;
  440.   color: #fefefe;
  441.   border-radius: 5px;
  442.   outline-color: rgba(254, 254, 254, 0.3);
  443.   color: #fefefe;
  444.   border-color: rgba(0, 0, 0, 0.7);
  445.   background-color: rgba(16, 19, 27, 0.98);
  446.   background-clip: padding-box;
  447.   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  448.   text-shadow: 0 1px black;
  449.   -gtk-icon-shadow: 0 1px black;
  450.   outline-color: rgba(254, 254, 254, 0.3);
  451.   border: none;
  452.   box-shadow: none; }
  453.  
  454.   button.osd.image-button {
  455.     min-width: 32px; }
  456.  
  457.   button.osd:hover {
  458.     color: white;
  459.     border-color: rgba(0, 0, 0, 0.7);
  460.     background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98));
  461.     background-clip: padding-box;
  462.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  463.     text-shadow: 0 1px black;
  464.     -gtk-icon-shadow: 0 1px black;
  465.     outline-color: rgba(254, 254, 254, 0.3);
  466.     border: none;
  467.     box-shadow: none; }
  468.  
  469.   button.osd:active,
  470.   button.osd:checked {
  471.     color: white;
  472.     border-color: rgba(0, 0, 0, 0.7);
  473.     background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98));
  474.     background-clip: padding-box;
  475.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  476.     text-shadow: none;
  477.     -gtk-icon-shadow: none;
  478.     outline-color: rgba(254, 254, 254, 0.3);
  479.     border: none;
  480.     box-shadow: none; }
  481.  
  482.   button.osd:disabled:backdrop,
  483.   button.osd:disabled {
  484.     color: #87888d;
  485.     border-color: rgba(0, 0, 0, 0.7);
  486.     background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  487.     background-clip: padding-box;
  488.     box-shadow: none;
  489.     text-shadow: none;
  490.     -gtk-icon-shadow: none;
  491.     border: none; }
  492.  
  493.   button.osd:backdrop {
  494.     color: #fefefe;
  495.     border-color: rgba(0, 0, 0, 0.7);
  496.     background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98));
  497.     background-clip: padding-box;
  498.     box-shadow: none;
  499.     text-shadow: none;
  500.     -gtk-icon-shadow: none;
  501.     border: none; }
  502.  
  503. .app-notification button,
  504. .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button,
  505. .osd
  506. button {
  507.   color: #fefefe;
  508.   border-color: rgba(0, 0, 0, 0.7);
  509.   background-color: rgba(16, 19, 27, 0.98);
  510.   background-clip: padding-box;
  511.   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  512.   text-shadow: 0 1px black;
  513.   -gtk-icon-shadow: 0 1px black;
  514.   outline-color: rgba(254, 254, 254, 0.3); }
  515.   .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover,
  516.   .osd
  517.   button:hover {
  518.     color: white;
  519.     border-color: rgba(0, 0, 0, 0.7);
  520.     background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98));
  521.     background-clip: padding-box;
  522.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  523.     text-shadow: 0 1px black;
  524.     -gtk-icon-shadow: 0 1px black;
  525.     outline-color: rgba(254, 254, 254, 0.3); }
  526.   .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked,
  527.   .osd
  528.   button:active:backdrop,
  529.   .osd
  530.   button:active,
  531.   .osd
  532.   button:checked:backdrop,
  533.   .osd
  534.   button:checked {
  535.     color: white;
  536.     border-color: rgba(0, 0, 0, 0.7);
  537.     background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98));
  538.     background-clip: padding-box;
  539.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  540.     text-shadow: none;
  541.     -gtk-icon-shadow: none;
  542.     outline-color: rgba(254, 254, 254, 0.3); }
  543.   .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled,
  544.   .osd
  545.   button:disabled:backdrop,
  546.   .osd
  547.   button:disabled {
  548.     color: #87888d;
  549.     border-color: rgba(0, 0, 0, 0.7);
  550.     background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  551.     background-clip: padding-box;
  552.     box-shadow: none;
  553.     text-shadow: none;
  554.     -gtk-icon-shadow: none; }
  555.   .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop,
  556.   .osd
  557.   button:backdrop {
  558.     color: #fefefe;
  559.     border-color: rgba(0, 0, 0, 0.7);
  560.     background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98));
  561.     background-clip: padding-box;
  562.     box-shadow: none;
  563.     text-shadow: none;
  564.     -gtk-icon-shadow: none; }
  565.   .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat,
  566.   .osd
  567.   button.flat {
  568.     background-color: transparent;
  569.     background-image: none;
  570.     border-color: transparent;
  571.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  572.     text-shadow: none;
  573.     -gtk-icon-shadow: none;
  574.     box-shadow: none;
  575.     text-shadow: 0 1px black;
  576.     -gtk-icon-shadow: 0 1px black; }
  577.     .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover,
  578.     .osd
  579.     button.flat:hover {
  580.       color: white;
  581.       border-color: rgba(0, 0, 0, 0.7);
  582.       background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98));
  583.       background-clip: padding-box;
  584.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  585.       text-shadow: 0 1px black;
  586.       -gtk-icon-shadow: 0 1px black;
  587.       outline-color: rgba(254, 254, 254, 0.3); }
  588.     .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled,
  589.     .osd
  590.     button.flat:disabled {
  591.       color: #87888d;
  592.       border-color: rgba(0, 0, 0, 0.7);
  593.       background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  594.       background-clip: padding-box;
  595.       box-shadow: none;
  596.       text-shadow: none;
  597.       -gtk-icon-shadow: none;
  598.       background-image: none;
  599.       border-color: transparent;
  600.       box-shadow: none; }
  601.     .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop,
  602.     .osd
  603.     button.flat:backdrop {
  604.       background-color: transparent;
  605.       background-image: none;
  606.       border-color: transparent;
  607.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  608.       text-shadow: none;
  609.       -gtk-icon-shadow: none; }
  610.     .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked,
  611.     .osd
  612.     button.flat:active,
  613.     .osd
  614.     button.flat:checked {
  615.       color: white;
  616.       border-color: rgba(0, 0, 0, 0.7);
  617.       background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98));
  618.       background-clip: padding-box;
  619.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  620.       text-shadow: none;
  621.       -gtk-icon-shadow: none;
  622.       outline-color: rgba(254, 254, 254, 0.3); }
  623.  
  624.  
  625. button.suggested-action {
  626.   border: none;
  627.   box-shadow: none;
  628.   color: white;
  629.   border-radius: 100px;
  630.   background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  631.   .selection-mode button.titlebutton,
  632.   button.suggested-action.flat {
  633.     box-shadow: none;
  634.     color: white;
  635.     border-radius: 100px;
  636.     background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  637.  
  638.   button.suggested-action:hover {
  639.     color: white;
  640.     outline-color: rgba(255, 255, 255, 0.3);
  641.     background-color: #00c1e4;
  642.     text-shadow: none; }
  643.  
  644.   button.suggested-action:active,
  645.   button.suggested-action:checked {
  646.     color: white;
  647.     outline-color: rgba(255, 255, 255, 0.3);
  648.     background-color: #00c1e4;
  649.     text-shadow: none; }
  650.   .selection-mode button.titlebutton:backdrop,
  651.   button.suggested-action:backdrop,
  652.   button.suggested-action.flat:backdrop {
  653.     color: rgba(255, 255, 255, 0.4);
  654.     outline-color: rgba(255, 255, 255, 0.3);
  655.     background-color: #00c1e4;
  656.     text-shadow: none; }
  657.     .selection-mode button.titlebutton:backdrop label,
  658.     button.suggested-action:backdrop label,
  659.     button.suggested-action.flat:backdrop label {
  660.       color: rgba(255, 255, 255, 0.5); }
  661.     .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked,
  662.     button.suggested-action:backdrop:active,
  663.     button.suggested-action:backdrop:checked,
  664.     button.suggested-action.flat:backdrop:active,
  665.     button.suggested-action.flat:backdrop:checked {
  666.       color: rgba(254, 254, 254, 0.7);
  667.       outline-color: rgba(255, 255, 255, 0.3);
  668.       background-color: #144dff;
  669.       text-shadow: none; }
  670.       .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label,
  671.       button.suggested-action:backdrop:active label,
  672.       button.suggested-action:backdrop:checked label,
  673.       button.suggested-action.flat:backdrop:active label,
  674.       button.suggested-action.flat:backdrop:checked label {
  675.         color: rgba(254, 254, 254, 0.7); }
  676.     .selection-mode button.titlebutton:backdrop:disabled,
  677.     button.suggested-action:backdrop:disabled,
  678.     button.suggested-action.flat:backdrop:disabled {
  679.       color: white;
  680.       outline-color: rgba(255, 255, 255, 0.3);
  681.       background-color: #00c1e4;
  682.       text-shadow: none; }
  683.       .selection-mode button.titlebutton:backdrop:disabled label,
  684.       button.suggested-action:backdrop:disabled label,
  685.       button.suggested-action.flat:backdrop:disabled label {
  686.         color: rgba(255, 255, 255, 0.5); }
  687.       .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked,
  688.       button.suggested-action:backdrop:disabled:active,
  689.       button.suggested-action:backdrop:disabled:checked,
  690.       button.suggested-action.flat:backdrop:disabled:active,
  691.       button.suggested-action.flat:backdrop:disabled:checked {
  692.         color: rgba(254, 254, 254, 0.7);
  693.         outline-color: rgba(255, 255, 255, 0.3);
  694.         background-color: #144dff;
  695.         text-shadow: none; }
  696.   .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled,
  697.   button.suggested-action.flat:backdrop,
  698.   button.suggested-action.flat:disabled,
  699.   button.suggested-action.flat:backdrop:disabled {
  700.     background-color: transparent;
  701.     background-image: none;
  702.     border-color: transparent;
  703.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  704.     text-shadow: none;
  705.     -gtk-icon-shadow: none;
  706.     color: rgba(0, 193, 228, 0.8); }
  707.  
  708.   button.suggested-action:disabled {
  709.     color: white;
  710.     outline-color: rgba(255, 255, 255, 0.3);
  711.     background-color: #00c1e4;
  712.     text-shadow: none; }
  713.    
  714.     button.suggested-action:disabled:active,
  715.     button.suggested-action:disabled:checked {
  716.       color: rgba(254, 254, 254, 0.7);
  717.       outline-color: rgba(255, 255, 255, 0.3);
  718.       background-color: #00c1e4;
  719.       text-shadow: none; }
  720.      
  721.       button.suggested-action:disabled:active label,
  722.       button.suggested-action:disabled:checked label {
  723.         color: rgba(254, 254, 254, 0.7); }
  724.   .osd
  725.   button.suggested-action {
  726.     color: #fefefe;
  727.     border-color: rgba(0, 0, 0, 0.7);
  728.     background-color: rgba(0, 193, 228, 0.5);
  729.     background-clip: padding-box;
  730.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  731.     text-shadow: 0 1px black;
  732.     -gtk-icon-shadow: 0 1px black;
  733.     outline-color: rgba(254, 254, 254, 0.3); }
  734.     .osd
  735.     button.suggested-action:hover {
  736.       color: white;
  737.       border-color: rgba(0, 0, 0, 0.7);
  738.       background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.7), rgba(0, 193, 228, 0.7));
  739.       background-clip: padding-box;
  740.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  741.       text-shadow: 0 1px black;
  742.       -gtk-icon-shadow: 0 1px black;
  743.       outline-color: rgba(254, 254, 254, 0.3); }
  744.     .osd
  745.     button.suggested-action:active:backdrop, .osd
  746.     button.suggested-action:active, .osd
  747.     button.suggested-action:checked:backdrop, .osd
  748.     button.suggested-action:checked {
  749.       color: white;
  750.       border-color: rgba(0, 0, 0, 0.7);
  751.       background-image: linear-gradient(to bottom, #00c1e4, #00c1e4);
  752.       background-clip: padding-box;
  753.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  754.       text-shadow: none;
  755.       -gtk-icon-shadow: none;
  756.       outline-color: rgba(254, 254, 254, 0.3); }
  757.     .osd
  758.     button.suggested-action:disabled:backdrop, .osd
  759.     button.suggested-action:disabled {
  760.       color: #87888d;
  761.       border-color: rgba(0, 0, 0, 0.7);
  762.       background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  763.       background-clip: padding-box;
  764.       box-shadow: none;
  765.       text-shadow: none;
  766.       -gtk-icon-shadow: none; }
  767.     .osd
  768.     button.suggested-action:backdrop {
  769.       color: #fefefe;
  770.       border-color: rgba(0, 0, 0, 0.7);
  771.       background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.5), rgba(0, 193, 228, 0.5));
  772.       background-clip: padding-box;
  773.       box-shadow: none;
  774.       text-shadow: none;
  775.       -gtk-icon-shadow: none; }
  776.  
  777.  
  778. button.destructive-action {
  779.   border: none;
  780.   box-shadow: none;
  781.   color: #CFCFCF;
  782.   /* border-radius: 100px; */
  783.   /* edited my me - colore bottoni come pamac per disinstallare/remove */
  784.   background: linear-gradient(to right, #ee0000, #ff6c00); }
  785.   /*background-color: #D31919; */
  786.  
  787.   button.destructive-action.flat {
  788.     box-shadow: none;
  789.     color: white;
  790.     border-radius: 100px;
  791.     background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  792.  
  793.   button.destructive-action:hover {
  794.     color: white;
  795.     outline-color: rgba(255, 255, 255, 0.3);
  796.     background-color: #ce1138;
  797.     text-shadow: none; }
  798.  
  799.   button.destructive-action:active,
  800.   button.destructive-action:checked {
  801.     color: white;
  802.     outline-color: rgba(255, 255, 255, 0.3);
  803.     background-color: #ce1138;
  804.     text-shadow: none; }
  805.  
  806.   button.destructive-action:backdrop,
  807.   button.destructive-action.flat:backdrop {
  808.     color: rgba(255, 255, 255, 0.4);
  809.     outline-color: rgba(255, 255, 255, 0.3);
  810.     background-color: #ce1138;
  811.     text-shadow: none; }
  812.    
  813.     button.destructive-action:backdrop label,
  814.     button.destructive-action.flat:backdrop label {
  815.       color: rgba(255, 255, 255, 0.5); }
  816.    
  817.     button.destructive-action:backdrop:active,
  818.     button.destructive-action:backdrop:checked,
  819.     button.destructive-action.flat:backdrop:active,
  820.     button.destructive-action.flat:backdrop:checked {
  821.       color: rgba(254, 254, 254, 0.7);
  822.       outline-color: rgba(255, 255, 255, 0.3);
  823.       background-color: #144dff;
  824.       text-shadow: none; }
  825.      
  826.       button.destructive-action:backdrop:active label,
  827.       button.destructive-action:backdrop:checked label,
  828.       button.destructive-action.flat:backdrop:active label,
  829.       button.destructive-action.flat:backdrop:checked label {
  830.         color: rgba(254, 254, 254, 0.7); }
  831.    
  832.     button.destructive-action:backdrop:disabled,
  833.     button.destructive-action.flat:backdrop:disabled {
  834.       color: white;
  835.       outline-color: rgba(255, 255, 255, 0.3);
  836.       background-color: #ce1138;
  837.       text-shadow: none; }
  838.      
  839.       button.destructive-action:backdrop:disabled label,
  840.       button.destructive-action.flat:backdrop:disabled label {
  841.         color: rgba(255, 255, 255, 0.5); }
  842.      
  843.       button.destructive-action:backdrop:disabled:active,
  844.       button.destructive-action:backdrop:disabled:checked,
  845.       button.destructive-action.flat:backdrop:disabled:active,
  846.       button.destructive-action.flat:backdrop:disabled:checked {
  847.         color: rgba(254, 254, 254, 0.7);
  848.         outline-color: rgba(255, 255, 255, 0.3);
  849.         background-color: #144dff;
  850.         text-shadow: none; }
  851.  
  852.   button.destructive-action.flat:backdrop,
  853.   button.destructive-action.flat:disabled,
  854.   button.destructive-action.flat:backdrop:disabled {
  855.     background-color: transparent;
  856.     background-image: none;
  857.     border-color: transparent;
  858.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  859.     text-shadow: none;
  860.     -gtk-icon-shadow: none;
  861.     color: rgba(206, 17, 56, 0.8); }
  862.  
  863.   button.destructive-action:disabled {
  864.     color: white;
  865.     outline-color: rgba(255, 255, 255, 0.3);
  866.     background-color: #ce1138;
  867.     text-shadow: none; }
  868.    
  869.     button.destructive-action:disabled:active,
  870.     button.destructive-action:disabled:checked {
  871.       color: rgba(254, 254, 254, 0.7);
  872.       outline-color: rgba(255, 255, 255, 0.3);
  873.       background-color: #ce1138;
  874.       text-shadow: none; }
  875.      
  876.       button.destructive-action:disabled:active label,
  877.       button.destructive-action:disabled:checked label {
  878.         color: rgba(254, 254, 254, 0.7); }
  879.   .osd
  880.   button.destructive-action {
  881.     color: #fefefe;
  882.     border-color: rgba(0, 0, 0, 0.7);
  883.     background-color: rgba(206, 17, 56, 0.5);
  884.     background-clip: padding-box;
  885.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  886.     text-shadow: 0 1px black;
  887.     -gtk-icon-shadow: 0 1px black;
  888.     outline-color: rgba(254, 254, 254, 0.3); }
  889.     .osd
  890.     button.destructive-action:hover {
  891.       color: white;
  892.       border-color: rgba(0, 0, 0, 0.7);
  893.       background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7));
  894.       background-clip: padding-box;
  895.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  896.       text-shadow: 0 1px black;
  897.       -gtk-icon-shadow: 0 1px black;
  898.       outline-color: rgba(254, 254, 254, 0.3); }
  899.     .osd
  900.     button.destructive-action:active:backdrop, .osd
  901.     button.destructive-action:active, .osd
  902.     button.destructive-action:checked:backdrop, .osd
  903.     button.destructive-action:checked {
  904.       color: white;
  905.       border-color: rgba(0, 0, 0, 0.7);
  906.       background-image: linear-gradient(to bottom, #ce1138, #ce1138);
  907.       background-clip: padding-box;
  908.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  909.       text-shadow: none;
  910.       -gtk-icon-shadow: none;
  911.       outline-color: rgba(254, 254, 254, 0.3); }
  912.     .osd
  913.     button.destructive-action:disabled:backdrop, .osd
  914.     button.destructive-action:disabled {
  915.       color: #87888d;
  916.       border-color: rgba(0, 0, 0, 0.7);
  917.       background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  918.       background-clip: padding-box;
  919.       box-shadow: none;
  920.       text-shadow: none;
  921.       -gtk-icon-shadow: none; }
  922.     .osd
  923.     button.destructive-action:backdrop {
  924.       color: #fefefe;
  925.       border-color: rgba(0, 0, 0, 0.7);
  926.       background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5));
  927.       background-clip: padding-box;
  928.       box-shadow: none;
  929.       text-shadow: none;
  930.       -gtk-icon-shadow: none; }
  931.  
  932. .stack-switcher >
  933. button {
  934.   outline-offset: -3px; }
  935.   .stack-switcher >
  936.   button > label {
  937.     padding-left: 6px;
  938.     padding-right: 6px; }
  939.   .stack-switcher >
  940.   button > image {
  941.     padding-left: 6px;
  942.     padding-right: 6px;
  943.     padding-top: 3px;
  944.     padding-bottom: 3px; }
  945.   .stack-switcher >
  946.   button.text-button {
  947.     padding-left: 10px;
  948.     padding-right: 10px; }
  949.   .stack-switcher >
  950.   button.image-button {
  951.     padding-left: 2px;
  952.     padding-right: 2px; }
  953.   .stack-switcher >
  954.   button.needs-attention:active > label,
  955.   .stack-switcher >
  956.   button.needs-attention:active > image, .stack-switcher >
  957.   button.needs-attention:checked > label,
  958.   .stack-switcher >
  959.   button.needs-attention:checked > image {
  960.     animation: none;
  961.     background-image: none; }
  962.  
  963. .inline-toolbar
  964. button, .inline-toolbar
  965. button:backdrop {
  966.   border-radius: 2px;
  967.   border-width: 1px; }
  968.  
  969. .primary-toolbar
  970. button {
  971.   -gtk-icon-shadow: none; }
  972.  
  973. .stack-switcher > button.needs-attention > label,
  974. .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
  975.   animation: needs_attention 150ms ease-in;
  976.   background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#e63bf2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.907451)), to(transparent));
  977.   background-size: 6px 6px, 6px 6px;
  978.   background-repeat: no-repeat;
  979.   background-position: right 3px, right 2px; }
  980.   .stack-switcher > button.needs-attention > label:backdrop,
  981.   .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop {
  982.     background-size: 6px 6px, 0 0; }
  983.   .stack-switcher > button.needs-attention > label:dir(rtl),
  984.   .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
  985.     background-position: left 3px, left 2px; }
  986.  
  987. toolbar button:hover {
  988.   font-weight: normal;
  989.   color: #C3C7D1;
  990.   background-color: #181b28;
  991.   text-shadow: none; }
  992.  
  993. toolbar button:active {
  994.   font-weight: normal;
  995.   color: #C3C7D1;
  996.   background-color: #181b28;
  997.   text-shadow: none; }
  998.  
  999. .inline-toolbar toolbutton > button {
  1000.   background-color: transparent;
  1001.   background-image: none;
  1002.   border-color: transparent;
  1003.   box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  1004.   text-shadow: none;
  1005.   -gtk-icon-shadow: none; }
  1006.   .inline-toolbar toolbutton > button:hover {
  1007.     color: #fefefe; }
  1008.   .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
  1009.     color: #af0cba; }
  1010.   .inline-toolbar toolbutton > button:disabled {
  1011.     color: #a1a5b0; }
  1012.     .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
  1013.       color: rgba(175, 12, 186, 0.3); }
  1014.   .inline-toolbar toolbutton > button:backdrop {
  1015.     color: #a1a5b0; }
  1016.     .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
  1017.       color: #af0cba; }
  1018.     .inline-toolbar toolbutton > button:backdrop:disabled {
  1019.       color: #a1a5b0; }
  1020.       .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
  1021.         color: rgba(175, 12, 186, 0.3); }
  1022.  
  1023. toolbar.inline-toolbar toolbutton > button.flat:backdrop,
  1024. toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop {
  1025.   border-color: transparent;
  1026.   box-shadow: none; }
  1027.  
  1028. .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button,
  1029. .linked > button:hover,
  1030. .linked > button:active,
  1031. .linked > button:checked,
  1032. .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
  1033.   border: 1px solid rgba(12, 14, 21, 0.8);
  1034.   border-radius: 0;
  1035.   border-right-style: none;
  1036.   box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); }
  1037.  
  1038. .inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child {
  1039.   border-top-left-radius: 3px;
  1040.   border-bottom-left-radius: 3px; }
  1041.  
  1042. .inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child {
  1043.   border-top-right-radius: 3px;
  1044.   border-bottom-right-radius: 3px;
  1045.   border-right-style: solid; }
  1046.  
  1047. .inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child {
  1048.   border-radius: 3px;
  1049.   border-style: solid; }
  1050.  
  1051. .linked.vertical > button,
  1052. .linked.vertical > button:hover,
  1053. .linked.vertical > button:active,
  1054. .linked.vertical > button:checked,
  1055. .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
  1056.   border-style: solid solid none solid;
  1057.   border-radius: 0; }
  1058.  
  1059. .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child {
  1060.   border-top-left-radius: 3px;
  1061.   border-top-right-radius: 3px; }
  1062.  
  1063. .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child {
  1064.   border-bottom-left-radius: 3px;
  1065.   border-bottom-right-radius: 3px;
  1066.   border-style: solid; }
  1067.  
  1068. .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child {
  1069.   border-radius: 3px;
  1070.   border-style: solid; }
  1071.  
  1072. modelbutton.flat, popover.background checkbutton,
  1073. popover.background radiobutton,
  1074. .menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop,
  1075. popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover,
  1076. popover.background radiobutton:backdrop:hover,
  1077. .menuitem.button.flat:backdrop,
  1078. .menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link,
  1079. button:visited, button:link:hover, button:link:active, button:link:checked,
  1080. button:visited:hover,
  1081. button:visited:active,
  1082. button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop {
  1083.   background-color: transparent;
  1084.   background-image: none;
  1085.   border-color: transparent;
  1086.   box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
  1087.   text-shadow: none;
  1088.   -gtk-icon-shadow: none; }
  1089.  
  1090. /* menu buttons */
  1091. modelbutton.flat, popover.background checkbutton,
  1092. popover.background radiobutton,
  1093. .menuitem.button.flat {
  1094.   min-height: 26px;
  1095.   padding-left: 5px;
  1096.   padding-right: 5px;
  1097.   border-radius: 3px;
  1098.   outline-offset: -2px; }
  1099.   modelbutton.flat:hover, popover.background checkbutton:hover,
  1100.   popover.background radiobutton:hover,
  1101.   .menuitem.button.flat:hover {
  1102.     background-color: #202435; }
  1103.   modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child,
  1104.   modelbutton.flat radio:last-child,
  1105.   popover.background checkbutton radio:last-child,
  1106.   popover.background radiobutton radio:last-child,
  1107.   .menuitem.button.flat check:last-child,
  1108.   .menuitem.button.flat radio:last-child {
  1109.     margin-left: 8px; }
  1110.   modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child,
  1111.   modelbutton.flat radio:first-child,
  1112.   popover.background checkbutton radio:first-child,
  1113.   popover.background radiobutton radio:first-child,
  1114.   .menuitem.button.flat check:first-child,
  1115.   .menuitem.button.flat radio:first-child {
  1116.     margin-right: 8px; }
  1117.  
  1118. modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow {
  1119.   background: none; }
  1120.   modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover {
  1121.     background: none; }
  1122.   modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left {
  1123.     -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  1124.   modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right {
  1125.     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  1126.  
  1127. button.color {
  1128.   padding: 4px; }
  1129.   button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
  1130.     border-radius: 0; }
  1131.  
  1132. notebook button, list button, .view button, iconview button, popover button {
  1133.   box-shadow: none; }
  1134.   notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop {
  1135.     box-shadow: none; }
  1136.  
  1137. notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button {
  1138.   box-shadow: none; }
  1139.  
  1140. /************
  1141.  * Calendar *
  1142.  ***********/
  1143. calendar {
  1144.   color: #C3C7D1;
  1145.   border: 1px solid rgba(12, 14, 21, 0.8); }
  1146.   calendar:selected {
  1147.     border-radius: 3px; }
  1148.   calendar.header {
  1149.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1150.     border-radius: 0; }
  1151.     calendar.header:backdrop {
  1152.       border-color: rgba(0, 0, 0, 0.1); }
  1153.   calendar.button {
  1154.     color: rgba(195, 199, 209, 0.45); }
  1155.     calendar.button:hover {
  1156.       color: #C3C7D1; }
  1157.     calendar.button:backdrop {
  1158.       color: rgba(109, 112, 123, 0.45); }
  1159.     calendar.button:disabled {
  1160.       color: rgba(109, 112, 123, 0.45); }
  1161.   calendar:indeterminate, calendar:indeterminate:backdrop {
  1162.     color: alpha(currentColor,0.55); }
  1163.   calendar.highlight, calendar.highlight:backdrop {
  1164.     font-size: smaller;
  1165.     color: #C3C7D1; }
  1166.   calendar:backdrop {
  1167.     color: #a1a5b0;
  1168.     border-color: rgba(13, 16, 23, 0.82); }
  1169.  
  1170. /*************************
  1171.  * Check and Radio Items *
  1172.  *************************/
  1173. check {
  1174.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/[email protected]"));
  1175.   -gtk-icon-shadow: none; }
  1176.  
  1177. radio {
  1178.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/[email protected]"));
  1179.   -gtk-icon-shadow: none; }
  1180.  
  1181. check:hover {
  1182.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/[email protected]"));
  1183.   -gtk-icon-shadow: none; }
  1184.  
  1185. radio:hover {
  1186.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/[email protected]"));
  1187.   -gtk-icon-shadow: none; }
  1188.  
  1189. check:active {
  1190.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/[email protected]"));
  1191.   -gtk-icon-shadow: none; }
  1192.  
  1193. radio:active {
  1194.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/[email protected]"));
  1195.   -gtk-icon-shadow: none; }
  1196.  
  1197. check:backdrop {
  1198.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/[email protected]"));
  1199.   -gtk-icon-shadow: none; }
  1200.  
  1201. radio:backdrop {
  1202.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/[email protected]"));
  1203.   -gtk-icon-shadow: none; }
  1204.  
  1205. check:disabled {
  1206.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/[email protected]"));
  1207.   -gtk-icon-shadow: none; }
  1208.  
  1209. radio:disabled {
  1210.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/[email protected]"));
  1211.   -gtk-icon-shadow: none; }
  1212.  
  1213. check:disabled:backdrop {
  1214.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/[email protected]"));
  1215.   -gtk-icon-shadow: none; }
  1216.  
  1217. radio:disabled:backdrop {
  1218.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/[email protected]"));
  1219.   -gtk-icon-shadow: none; }
  1220.  
  1221. check:checked {
  1222.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/[email protected]"));
  1223.   -gtk-icon-shadow: none; }
  1224.  
  1225. radio:checked {
  1226.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/[email protected]"));
  1227.   -gtk-icon-shadow: none; }
  1228.  
  1229. check:checked:hover {
  1230.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/[email protected]"));
  1231.   -gtk-icon-shadow: none; }
  1232.  
  1233. radio:checked:hover {
  1234.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/[email protected]"));
  1235.   -gtk-icon-shadow: none; }
  1236.  
  1237. check:checked:active {
  1238.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/[email protected]"));
  1239.   -gtk-icon-shadow: none; }
  1240.  
  1241. radio:checked:active {
  1242.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/[email protected]"));
  1243.   -gtk-icon-shadow: none; }
  1244.  
  1245. check:checked:backdrop {
  1246.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/[email protected]"));
  1247.   -gtk-icon-shadow: none; }
  1248.  
  1249. radio:checked:backdrop {
  1250.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/[email protected]"));
  1251.   -gtk-icon-shadow: none; }
  1252.  
  1253. check:checked:disabled {
  1254.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/[email protected]"));
  1255.   -gtk-icon-shadow: none; }
  1256.  
  1257. radio:checked:disabled {
  1258.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/[email protected]"));
  1259.   -gtk-icon-shadow: none; }
  1260.  
  1261. check:checked:disabled:backdrop {
  1262.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/[email protected]"));
  1263.   -gtk-icon-shadow: none; }
  1264.  
  1265. radio:checked:disabled:backdrop {
  1266.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/[email protected]"));
  1267.   -gtk-icon-shadow: none; }
  1268.  
  1269. check:indeterminate {
  1270.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/[email protected]"));
  1271.   -gtk-icon-shadow: none; }
  1272.  
  1273. radio:indeterminate {
  1274.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/[email protected]"));
  1275.   -gtk-icon-shadow: none; }
  1276.  
  1277. check:indeterminate:hover {
  1278.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/[email protected]"));
  1279.   -gtk-icon-shadow: none; }
  1280.  
  1281. radio:indeterminate:hover {
  1282.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/[email protected]"));
  1283.   -gtk-icon-shadow: none; }
  1284.  
  1285. check:indeterminate:active {
  1286.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/[email protected]"));
  1287.   -gtk-icon-shadow: none; }
  1288.  
  1289. radio:indeterminate:active {
  1290.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/[email protected]"));
  1291.   -gtk-icon-shadow: none; }
  1292.  
  1293. check:indeterminate:backdrop {
  1294.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/[email protected]"));
  1295.   -gtk-icon-shadow: none; }
  1296.  
  1297. radio:indeterminate:backdrop {
  1298.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/[email protected]"));
  1299.   -gtk-icon-shadow: none; }
  1300.  
  1301. check:indeterminate:disabled {
  1302.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/[email protected]"));
  1303.   -gtk-icon-shadow: none; }
  1304.  
  1305. radio:indeterminate:disabled {
  1306.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/[email protected]"));
  1307.   -gtk-icon-shadow: none; }
  1308.  
  1309. check:indeterminate:disabled:backdrop {
  1310.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/[email protected]"));
  1311.   -gtk-icon-shadow: none; }
  1312.  
  1313. radio:indeterminate:disabled:backdrop {
  1314.   -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/[email protected]"));
  1315.   -gtk-icon-shadow: none; }
  1316.  
  1317. check:selected {
  1318.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/[email protected]"));
  1319.   -gtk-icon-shadow: none; }
  1320.  
  1321. radio:selected {
  1322.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/[email protected]"));
  1323.   -gtk-icon-shadow: none; }
  1324.  
  1325. check:hover:selected {
  1326.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/[email protected]"));
  1327.   -gtk-icon-shadow: none; }
  1328.  
  1329. radio:hover:selected {
  1330.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/[email protected]"));
  1331.   -gtk-icon-shadow: none; }
  1332.  
  1333. check:active:selected {
  1334.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/[email protected]"));
  1335.   -gtk-icon-shadow: none; }
  1336.  
  1337. radio:active:selected {
  1338.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/[email protected]"));
  1339.   -gtk-icon-shadow: none; }
  1340.  
  1341. check:backdrop:selected {
  1342.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/[email protected]"));
  1343.   -gtk-icon-shadow: none; }
  1344.  
  1345. radio:backdrop:selected {
  1346.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/[email protected]"));
  1347.   -gtk-icon-shadow: none; }
  1348.  
  1349. check:disabled:selected {
  1350.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/[email protected]"));
  1351.   -gtk-icon-shadow: none; }
  1352.  
  1353. radio:disabled:selected {
  1354.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/[email protected]"));
  1355.   -gtk-icon-shadow: none; }
  1356.  
  1357. check:disabled:backdrop:selected {
  1358.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/[email protected]"));
  1359.   -gtk-icon-shadow: none; }
  1360.  
  1361. radio:disabled:backdrop:selected {
  1362.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/[email protected]"));
  1363.   -gtk-icon-shadow: none; }
  1364.  
  1365. check:checked:selected {
  1366.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/[email protected]"));
  1367.   -gtk-icon-shadow: none; }
  1368.  
  1369. radio:checked:selected {
  1370.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/[email protected]"));
  1371.   -gtk-icon-shadow: none; }
  1372.  
  1373. check:checked:hover:selected {
  1374.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/[email protected]"));
  1375.   -gtk-icon-shadow: none; }
  1376.  
  1377. radio:checked:hover:selected {
  1378.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/[email protected]"));
  1379.   -gtk-icon-shadow: none; }
  1380.  
  1381. check:checked:active:selected {
  1382.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/[email protected]"));
  1383.   -gtk-icon-shadow: none; }
  1384.  
  1385. radio:checked:active:selected {
  1386.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/[email protected]"));
  1387.   -gtk-icon-shadow: none; }
  1388.  
  1389. check:checked:backdrop:selected {
  1390.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/[email protected]"));
  1391.   -gtk-icon-shadow: none; }
  1392.  
  1393. radio:checked:backdrop:selected {
  1394.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/[email protected]"));
  1395.   -gtk-icon-shadow: none; }
  1396.  
  1397. check:checked:disabled:selected {
  1398.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/[email protected]"));
  1399.   -gtk-icon-shadow: none; }
  1400.  
  1401. radio:checked:disabled:selected {
  1402.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/[email protected]"));
  1403.   -gtk-icon-shadow: none; }
  1404.  
  1405. check:checked:disabled:backdrop:selected {
  1406.   -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/[email protected]"));
  1407.   -gtk-icon-shadow: none; }
  1408.  
  1409. radio:checked:disabled:backdrop:selected {
  1410.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/[email protected]"));
  1411.   -gtk-icon-shadow: none; }
  1412.  
  1413. check:indeterminate:selected {
  1414.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/[email protected]"));
  1415.   -gtk-icon-shadow: none; }
  1416.  
  1417. radio:indeterminate:selected {
  1418.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/[email protected]"));
  1419.   -gtk-icon-shadow: none; }
  1420.  
  1421. check:indeterminate:hover:selected {
  1422.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/[email protected]"));
  1423.   -gtk-icon-shadow: none; }
  1424.  
  1425. radio:indeterminate:hover:selected {
  1426.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/[email protected]"));
  1427.   -gtk-icon-shadow: none; }
  1428.  
  1429. check:indeterminate:active:selected {
  1430.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/[email protected]"));
  1431.   -gtk-icon-shadow: none; }
  1432.  
  1433. radio:indeterminate:active:selected {
  1434.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/[email protected]"));
  1435.   -gtk-icon-shadow: none; }
  1436.  
  1437. check:indeterminate:backdrop:selected {
  1438.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/[email protected]"));
  1439.   -gtk-icon-shadow: none; }
  1440.  
  1441. radio:indeterminate:backdrop:selected {
  1442.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/[email protected]"));
  1443.   -gtk-icon-shadow: none; }
  1444.  
  1445. check:indeterminate:disabled:selected {
  1446.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/[email protected]"));
  1447.   -gtk-icon-shadow: none; }
  1448.  
  1449. radio:indeterminate:disabled:selected {
  1450.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/[email protected]"));
  1451.   -gtk-icon-shadow: none; }
  1452.  
  1453. check:indeterminate:disabled:backdrop:selected {
  1454.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/[email protected]"));
  1455.   -gtk-icon-shadow: none; }
  1456.  
  1457. radio:indeterminate:disabled:backdrop:selected {
  1458.   -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/[email protected]"));
  1459.   -gtk-icon-shadow: none; }
  1460.  
  1461. .view.content-view check, iconview.content-view check,
  1462. .view.content-view.check,
  1463. iconview.content-view.check {
  1464.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/[email protected]"));
  1465.   -gtk-icon-shadow: none; }
  1466.  
  1467. .view.content-view radio, iconview.content-view radio,
  1468. .view.content-view.radio,
  1469. iconview.content-view.radio {
  1470.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/[email protected]"));
  1471.   -gtk-icon-shadow: none; }
  1472.  
  1473. .view.content-view check:hover, iconview.content-view check:hover,
  1474. .view.content-view.check:hover,
  1475. iconview.content-view.check:hover {
  1476.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/[email protected]"));
  1477.   -gtk-icon-shadow: none; }
  1478.  
  1479. .view.content-view radio:hover, iconview.content-view radio:hover,
  1480. .view.content-view.radio:hover,
  1481. iconview.content-view.radio:hover {
  1482.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/[email protected]"));
  1483.   -gtk-icon-shadow: none; }
  1484.  
  1485. .view.content-view check:active, iconview.content-view check:active,
  1486. .view.content-view.check:active,
  1487. iconview.content-view.check:active {
  1488.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/[email protected]"));
  1489.   -gtk-icon-shadow: none; }
  1490.  
  1491. .view.content-view radio:active, iconview.content-view radio:active,
  1492. .view.content-view.radio:active,
  1493. iconview.content-view.radio:active {
  1494.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/[email protected]"));
  1495.   -gtk-icon-shadow: none; }
  1496.  
  1497. .view.content-view check:backdrop, iconview.content-view check:backdrop,
  1498. .view.content-view.check:backdrop,
  1499. iconview.content-view.check:backdrop {
  1500.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/[email protected]"));
  1501.   -gtk-icon-shadow: none; }
  1502.  
  1503. .view.content-view radio:backdrop, iconview.content-view radio:backdrop,
  1504. .view.content-view.radio:backdrop,
  1505. iconview.content-view.radio:backdrop {
  1506.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/[email protected]"));
  1507.   -gtk-icon-shadow: none; }
  1508.  
  1509. .view.content-view check:disabled, iconview.content-view check:disabled,
  1510. .view.content-view.check:disabled,
  1511. iconview.content-view.check:disabled {
  1512.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/[email protected]"));
  1513.   -gtk-icon-shadow: none; }
  1514.  
  1515. .view.content-view radio:disabled, iconview.content-view radio:disabled,
  1516. .view.content-view.radio:disabled,
  1517. iconview.content-view.radio:disabled {
  1518.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/[email protected]"));
  1519.   -gtk-icon-shadow: none; }
  1520.  
  1521. .view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop,
  1522. .view.content-view.check:disabled:backdrop,
  1523. iconview.content-view.check:disabled:backdrop {
  1524.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/[email protected]"));
  1525.   -gtk-icon-shadow: none; }
  1526.  
  1527. .view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop,
  1528. .view.content-view.radio:disabled:backdrop,
  1529. iconview.content-view.radio:disabled:backdrop {
  1530.   -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/[email protected]"));
  1531.   -gtk-icon-shadow: none; }
  1532.  
  1533. checkbutton.text-button, radiobutton.text-button {
  1534.   padding: 2px 0;
  1535.   outline-offset: 0; }
  1536.   checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
  1537.     margin-left: 4px; }
  1538.   checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
  1539.     margin-right: 4px; }
  1540.  
  1541. check,
  1542. radio {
  1543.   margin: 0 4px;
  1544.   min-height: 16px;
  1545.   min-width: 16px;
  1546.   border: none; }
  1547.   menu menuitem check, menu menuitem
  1548.   radio {
  1549.     margin: 0; }
  1550.     menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
  1551.     radio, menu menuitem
  1552.     radio:hover, menu menuitem
  1553.     radio:disabled {
  1554.       min-height: 14px;
  1555.       min-width: 14px;
  1556.       background-image: none;
  1557.       background-color: transparent;
  1558.       box-shadow: none;
  1559.       -gtk-icon-shadow: none;
  1560.       color: inherit;
  1561.       border-color: currentColor;
  1562.       animation: none; }
  1563.  
  1564. /*****************
  1565.  * Color Chooser *
  1566.  *****************/
  1567. colorswatch, colorswatch:drop(active) {
  1568.   border-style: none; }
  1569.  
  1570. colorswatch.top {
  1571.   border-top-left-radius: 5.5px;
  1572.   border-top-right-radius: 5.5px; }
  1573.   colorswatch.top overlay {
  1574.     border-top-left-radius: 5px;
  1575.     border-top-right-radius: 5px; }
  1576.  
  1577. colorswatch.bottom {
  1578.   border-bottom-left-radius: 5.5px;
  1579.   border-bottom-right-radius: 5.5px; }
  1580.   colorswatch.bottom overlay {
  1581.     border-bottom-left-radius: 5px;
  1582.     border-bottom-right-radius: 5px; }
  1583.  
  1584. colorswatch.left, colorswatch:first-child:not(.top) {
  1585.   border-top-left-radius: 5.5px;
  1586.   border-bottom-left-radius: 5.5px; }
  1587.   colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
  1588.     border-top-left-radius: 5px;
  1589.     border-bottom-left-radius: 5px; }
  1590.  
  1591. colorswatch.right, colorswatch:last-child:not(.bottom) {
  1592.   border-top-right-radius: 5.5px;
  1593.   border-bottom-right-radius: 5.5px; }
  1594.   colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
  1595.     border-top-right-radius: 5px;
  1596.     border-bottom-right-radius: 5px; }
  1597.  
  1598. colorswatch.dark overlay {
  1599.   color: #fefefe; }
  1600.   colorswatch.dark overlay:hover {
  1601.     border-color: rgba(12, 14, 21, 0.8); }
  1602.   colorswatch.dark overlay:backdrop {
  1603.     color: rgba(254, 254, 254, 0.5); }
  1604.  
  1605. colorswatch.light overlay {
  1606.   color: #C3C7D1; }
  1607.   colorswatch.light overlay:hover {
  1608.     border-color: rgba(12, 14, 21, 0.8); }
  1609.   colorswatch.light overlay:backdrop {
  1610.     color: #a1a5b0; }
  1611.  
  1612. colorswatch:drop(active) {
  1613.   box-shadow: none; }
  1614.   colorswatch:drop(active).light overlay {
  1615.     border-color: #71f79f;
  1616.     box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; }
  1617.   colorswatch:drop(active).dark overlay {
  1618.     border-color: #71f79f;
  1619.     box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; }
  1620.  
  1621. colorswatch overlay {
  1622.   box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
  1623.   border: 1px solid rgba(12, 14, 21, 0.8); }
  1624.   colorswatch overlay:hover {
  1625.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
  1626.   colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
  1627.     border-color: rgba(12, 14, 21, 0.8);
  1628.     box-shadow: none; }
  1629.  
  1630. colorswatch#add-color-button {
  1631.   border-radius: 5px 5px 0 0; }
  1632.   colorswatch#add-color-button:only-child {
  1633.     border-radius: 5px; }
  1634.   colorswatch#add-color-button overlay {
  1635.     font-weight: normal;
  1636.     color: #C3C7D1;
  1637.     background-color: #181b28;
  1638.     text-shadow: none; }
  1639.     colorswatch#add-color-button overlay:hover {
  1640.       color: #C3C7D1;
  1641.       outline-color: rgba(195, 199, 209, 0.3);
  1642.       background-color: #181b28;
  1643.       text-shadow: none; }
  1644.     colorswatch#add-color-button overlay:backdrop {
  1645.       color: #a1a5b0;
  1646.       outline-color: rgba(195, 199, 209, 0.3);
  1647.       background-color: #1a1d2b;
  1648.       text-shadow: none; }
  1649.  
  1650. colorswatch:disabled {
  1651.   opacity: 0.5; }
  1652.   colorswatch:disabled overlay {
  1653.     border-color: rgba(0, 0, 0, 0.6);
  1654.     box-shadow: none; }
  1655.  
  1656. row:selected colorswatch {
  1657.   box-shadow: 0 0 0 2px #fefefe; }
  1658.  
  1659. colorswatch#editor-color-sample {
  1660.   border-radius: 4px; }
  1661.   colorswatch#editor-color-sample overlay {
  1662.     border-radius: 4.5px; }
  1663.  
  1664. colorchooser .popover.osd {
  1665.   border-radius: 5px; }
  1666.  
  1667. /**************
  1668.  * ComboBoxes *
  1669.  **************/
  1670. combobox arrow {
  1671.   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  1672.   min-height: 16px;
  1673.   min-width: 16px; }
  1674.  
  1675. combobox:drop(active) {
  1676.   box-shadow: none; }
  1677.  
  1678. /***********
  1679.  * Dialogs *
  1680.  ***********/
  1681. messagedialog .titlebar:not(headerbar) {
  1682.   background-color: rgba(22, 25, 37, 0.95); }
  1683.  
  1684. messagedialog .titlebar {
  1685.   min-height: 20px;
  1686.   background-image: none;
  1687.   background-color: rgba(22, 25, 37, 0.95);
  1688.   border-style: none;
  1689.   border-top-left-radius: 4px;
  1690.   border-top-right-radius: 4px; }
  1691.  
  1692. messagedialog.csd.background {
  1693.   background-color: rgba(22, 25, 37, 0.95);
  1694.   color: #C3C7D1;
  1695.   border-bottom-left-radius: 5px;
  1696.   border-bottom-right-radius: 5px; }
  1697.  
  1698. messagedialog.csd .dialog-action-area button {
  1699.   padding: 10px 14px;
  1700.   border-radius: 0;
  1701.   border-left-style: solid;
  1702.   border-right-style: none;
  1703.   border-bottom-style: none;
  1704.   background-color: transparent;
  1705.   color: #C3C7D1;
  1706.   box-shadow: none; }
  1707.   messagedialog.csd .dialog-action-area button:hover {
  1708.     background-color: rgba(197, 14, 210, 0.9);
  1709.     color: white; }
  1710.   messagedialog.csd .dialog-action-area button:first-child {
  1711.     border-left-style: none;
  1712.     border-bottom-left-radius: 4px; }
  1713.   messagedialog.csd .dialog-action-area button:last-child {
  1714.     border-bottom-right-radius: 4px; }
  1715.   messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action {
  1716.     color: white; }
  1717.  
  1718. filechooser .dialog-action-box {
  1719.   border-top: 1px solid rgba(12, 14, 21, 0.8); }
  1720.   filechooser .dialog-action-box:backdrop {
  1721.     border-top-color: rgba(13, 16, 23, 0.82); }
  1722.  
  1723. filechooser #pathbarbox {
  1724.   border-bottom: 1px solid #161925; }
  1725.  
  1726. filechooserbutton:drop(active) {
  1727.   box-shadow: none;
  1728.   border-color: transparent; }
  1729.  
  1730. /****************
  1731.  * Text Entries *
  1732.  ****************/
  1733. spinbutton:not(.vertical),
  1734. entry {
  1735.   min-height: 28px;
  1736.   padding-left: 8px;
  1737.   padding-right: 8px;
  1738.   border: 1px solid;
  1739.   border-radius: 3px;
  1740.   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  1741.   color: #C3C7D1;
  1742.   border-color: rgba(12, 14, 21, 0.8);
  1743.   background-color: #181b28; }
  1744.   spinbutton:not(.vertical) image.left,
  1745.   entry image.left {
  1746.     padding-left: 0;
  1747.     padding-right: 6px; }
  1748.   spinbutton:not(.vertical) image.right,
  1749.   entry image.right {
  1750.     padding-left: 6px;
  1751.     padding-right: 0; }
  1752.   spinbutton:not(.vertical) undershoot.left,
  1753.   entry undershoot.left {
  1754.     background-color: transparent;
  1755.     background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  1756.     padding-left: 1px;
  1757.     background-size: 1px 10px;
  1758.     background-repeat: repeat-y;
  1759.     background-origin: content-box;
  1760.     background-position: left center;
  1761.     border: none;
  1762.     box-shadow: none; }
  1763.   spinbutton:not(.vertical) undershoot.right,
  1764.   entry undershoot.right {
  1765.     background-color: transparent;
  1766.     background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  1767.     padding-right: 1px;
  1768.     background-size: 1px 10px;
  1769.     background-repeat: repeat-y;
  1770.     background-origin: content-box;
  1771.     background-position: right center;
  1772.     border: none;
  1773.     box-shadow: none; }
  1774.   spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical),
  1775.   entry.flat:focus,
  1776.   entry.flat {
  1777.     min-height: 0;
  1778.     padding: 2px;
  1779.     background-image: none;
  1780.     border-color: transparent;
  1781.     box-shadow: none;
  1782.     border-radius: 0; }
  1783.   spinbutton:focus:not(.vertical),
  1784.   entry:focus {
  1785.     border-color: #980ba2; }
  1786.   spinbutton:disabled:not(.vertical),
  1787.   entry:disabled {
  1788.     color: #6d707b;
  1789.     border-color: rgba(12, 14, 21, 0.8);
  1790.     background-color: #171a26;
  1791.     box-shadow: none; }
  1792.   spinbutton:backdrop:not(.vertical),
  1793.   entry:backdrop {
  1794.     color: #a1a5b0;
  1795.     border-color: rgba(13, 16, 23, 0.82);
  1796.     background-color: #1a1d2b;
  1797.     box-shadow: none;
  1798.     transition: 200ms ease-out; }
  1799.   spinbutton:backdrop:disabled:not(.vertical),
  1800.   entry:backdrop:disabled {
  1801.     color: #333955;
  1802.     border-color: rgba(13, 16, 23, 0.82);
  1803.     background-color: #171a26;
  1804.     box-shadow: none; }
  1805.   spinbutton.error:not(.vertical),
  1806.   entry.error {
  1807.     color: #C3C7D1;
  1808.     border-color: rgba(12, 14, 21, 0.8);
  1809.     background-color: #181b28;
  1810.     color: #e6133e;
  1811.     border-color: #410512; }
  1812.     spinbutton.error:focus:not(.vertical),
  1813.     entry.error:focus {
  1814.       border-color: #410512; }
  1815.     spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical),
  1816.     entry.error:selected:focus,
  1817.     entry.error:selected {
  1818.       background-color: #e6133e; }
  1819.   spinbutton.warning:not(.vertical),
  1820.   entry.warning {
  1821.     color: #C3C7D1;
  1822.     border-color: rgba(12, 14, 21, 0.8);
  1823.     background-color: #181b28;
  1824.     color: #cc5500;
  1825.     border-color: #1a0b00; }
  1826.     spinbutton.warning:focus:not(.vertical),
  1827.     entry.warning:focus {
  1828.       border-color: #1a0b00; }
  1829.     spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical),
  1830.     entry.warning:selected:focus,
  1831.     entry.warning:selected {
  1832.       background-color: #cc5500; }
  1833.   spinbutton:not(.vertical) image,
  1834.   entry image {
  1835.     color: #a1a5af; }
  1836.     spinbutton:not(.vertical) image:hover,
  1837.     entry image:hover {
  1838.       color: #C3C7D1; }
  1839.     spinbutton:not(.vertical) image:active,
  1840.     entry image:active {
  1841.       color: #144dff; }
  1842.     spinbutton:not(.vertical) image:backdrop,
  1843.     entry image:backdrop {
  1844.       color: #5c5f6b; }
  1845.   spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical),
  1846.   entry:drop(active):focus,
  1847.   entry:drop(active) {
  1848.     border-color: #71f79f;
  1849.     box-shadow: inset 0 0 0 1px #71f79f; }
  1850.   .osd spinbutton:not(.vertical), .osd
  1851.   entry {
  1852.     color: white;
  1853.     border-color: rgba(0, 0, 0, 0.7);
  1854.     background-color: rgba(0, 0, 0, 0.5);
  1855.     box-shadow: none;
  1856.     text-shadow: 0 1px black;
  1857.     -gtk-icon-shadow: 0 1px black; }
  1858.     .osd spinbutton:focus:not(.vertical), .osd
  1859.     entry:focus {
  1860.       color: white;
  1861.       border-color: #144dff;
  1862.       background-color: rgba(0, 0, 0, 0.5);
  1863.       background-clip: padding-box;
  1864.       text-shadow: 0 1px black;
  1865.       -gtk-icon-shadow: 0 1px black; }
  1866.     .osd spinbutton:backdrop:not(.vertical), .osd
  1867.     entry:backdrop {
  1868.       color: white;
  1869.       border-color: rgba(0, 0, 0, 0.7);
  1870.       background-color: rgba(0, 0, 0, 0.5);
  1871.       background-clip: padding-box;
  1872.       box-shadow: none;
  1873.       text-shadow: none;
  1874.       -gtk-icon-shadow: none; }
  1875.     .osd spinbutton:disabled:not(.vertical), .osd
  1876.     entry:disabled {
  1877.       color: #87888d;
  1878.       border-color: rgba(0, 0, 0, 0.7);
  1879.       background-color: rgba(40, 42, 50, 0.5);
  1880.       background-clip: padding-box;
  1881.       box-shadow: none;
  1882.       text-shadow: none;
  1883.       -gtk-icon-shadow: none; }
  1884.  
  1885. spinbutton:not(.vertical) progress,
  1886. entry progress {
  1887.   margin: 2px -6px;
  1888.   background-color: transparent;
  1889.   background-image: none;
  1890.   border-radius: 0;
  1891.   border-width: 0 0 2px;
  1892.   border-color: #144dff;
  1893.   border-style: solid;
  1894.   box-shadow: none; }
  1895.   spinbutton:not(.vertical) progress:backdrop,
  1896.   entry progress:backdrop {
  1897.     background-color: transparent; }
  1898.  
  1899. .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical),
  1900. .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button,
  1901. .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical),
  1902. .linked:not(.vertical) >
  1903. entry:focus + button,
  1904. .linked:not(.vertical) >
  1905. entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) >
  1906. entry:focus +
  1907. entry {
  1908.   border-left-color: #980ba2; }
  1909.  
  1910. .linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) >
  1911. entry:focus {
  1912.   border-color: #980ba2; }
  1913.  
  1914. .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical),
  1915. .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button,
  1916. .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical),
  1917. .linked:not(.vertical) >
  1918. entry:drop(active) + button,
  1919. .linked:not(.vertical) >
  1920. entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) >
  1921. entry:drop(active) +
  1922. entry {
  1923.   border-left-color: #71f79f; }
  1924.  
  1925. .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled),
  1926. .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
  1927. entry:not(:disabled) + entry:not(:disabled),
  1928. .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
  1929.   border-top-color: rgba(21, 24, 36, 0.94);
  1930.   background-image: linear-gradient(to bottom, #181b28, #181b28); }
  1931.   .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop,
  1932.   .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical >
  1933.   entry:not(:disabled) + entry:not(:disabled):backdrop,
  1934.   .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
  1935.     border-top-color: rgba(23, 26, 39, 0.946);
  1936.     background-image: linear-gradient(to bottom, #1a1d2b, #1a1d2b); }
  1937.  
  1938. .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical),
  1939. .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical),
  1940. .linked.vertical >
  1941. entry:disabled + entry:disabled {
  1942.   border-top-color: rgba(21, 24, 36, 0.94); }
  1943.  
  1944. .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
  1945. .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical),
  1946. .linked.vertical >
  1947. entry + entry:focus:not(:only-child) {
  1948.   border-top-color: #980ba2; }
  1949.  
  1950. .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
  1951. .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical),
  1952. .linked.vertical >
  1953. entry + entry:drop(active):not(:only-child) {
  1954.   border-top-color: #71f79f; }
  1955.  
  1956. .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
  1957. .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry,
  1958. .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button,
  1959. .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical),
  1960. .linked.vertical >
  1961. entry:focus:not(:only-child) + entry,
  1962. .linked.vertical >
  1963. entry:focus:not(:only-child) + button,
  1964. .linked.vertical >
  1965. entry:focus:not(:only-child) + combobox > box > button.combo {
  1966.   border-top-color: #980ba2; }
  1967.  
  1968. .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
  1969. .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
  1970. .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button,
  1971. .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical),
  1972. .linked.vertical >
  1973. entry:drop(active):not(:only-child) + entry,
  1974. .linked.vertical >
  1975. entry:drop(active):not(:only-child) + button,
  1976. .linked.vertical >
  1977. entry:drop(active):not(:only-child) + combobox > box > button.combo {
  1978.   border-top-color: #71f79f; }
  1979.  
  1980. treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) {
  1981.   background-color: #181b28;
  1982.   transition-property: color, background; }
  1983.  
  1984. treeview entry.flat, treeview entry {
  1985.   border-radius: 0;
  1986.   background-image: none;
  1987.   background-color: #181b28; }
  1988.   treeview entry.flat:focus, treeview entry:focus {
  1989.     border-color: #144dff; }
  1990.  
  1991. /*************
  1992.  * Expanders *
  1993.  *************/
  1994. expander arrow {
  1995.   min-width: 16px;
  1996.   min-height: 16px;
  1997.   -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  1998.   expander arrow:dir(rtl) {
  1999.     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
  2000.   expander arrow:hover {
  2001.     color: white; }
  2002.   expander arrow:checked {
  2003.     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  2004.  
  2005. /****************
  2006.  * Floating Bar *
  2007.  ****************/
  2008. .floating-bar {
  2009.   background-color: #161925;
  2010.   border-width: 1px;
  2011.   border-style: solid solid none;
  2012.   border-color: rgba(12, 14, 21, 0.8);
  2013.   border-radius: 3px 3px 0 0;
  2014.   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  2015.   .floating-bar.bottom.left {
  2016.     border-left-style: none;
  2017.     border-top-left-radius: 0; }
  2018.   .floating-bar.bottom.right {
  2019.     border-right-style: none;
  2020.     border-top-right-radius: 0; }
  2021.   .floating-bar > button {
  2022.     padding: 4px; }
  2023.   .floating-bar:backdrop {
  2024.     background-color: #161925;
  2025.     border-color: rgba(13, 16, 23, 0.82); }
  2026.  
  2027. /**********
  2028.  * Frames *
  2029.  **********/
  2030. frame > border,
  2031. .frame {
  2032.   box-shadow: none;
  2033.   margin: 0;
  2034.   padding: 0;
  2035.   border-radius: 0;
  2036.   border: 1px solid rgba(12, 14, 21, 0.8); }
  2037.   frame > border.flat,
  2038.   .frame.flat {
  2039.     border-style: none; }
  2040.   frame > border:backdrop,
  2041.   .frame:backdrop {
  2042.     border-color: rgba(13, 16, 23, 0.82); }
  2043.  
  2044. actionbar > revealer > box {
  2045.   padding: 6px;
  2046.   border-top: 1px solid rgba(12, 14, 21, 0.8); }
  2047.   actionbar > revealer > box:backdrop {
  2048.     border-color: rgba(13, 16, 23, 0.82); }
  2049.  
  2050. scrolledwindow viewport.frame {
  2051.   border-style: none; }
  2052.  
  2053. scrolledwindow overshoot.top {
  2054.   background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
  2055.   background-size: 100% 5%, 100% 100%;
  2056.   background-repeat: no-repeat;
  2057.   background-position: center top;
  2058.   background-color: transparent;
  2059.   border: none;
  2060.   box-shadow: none; }
  2061.   scrolledwindow overshoot.top:backdrop {
  2062.     background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
  2063.     background-size: 100% 5%;
  2064.     background-repeat: no-repeat;
  2065.     background-position: center top;
  2066.     background-color: transparent;
  2067.     border: none;
  2068.     box-shadow: none; }
  2069.  
  2070. scrolledwindow overshoot.bottom {
  2071.   background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
  2072.   background-size: 100% 5%, 100% 100%;
  2073.   background-repeat: no-repeat;
  2074.   background-position: center bottom;
  2075.   background-color: transparent;
  2076.   border: none;
  2077.   box-shadow: none; }
  2078.   scrolledwindow overshoot.bottom:backdrop {
  2079.     background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
  2080.     background-size: 100% 5%;
  2081.     background-repeat: no-repeat;
  2082.     background-position: center bottom;
  2083.     background-color: transparent;
  2084.     border: none;
  2085.     box-shadow: none; }
  2086.  
  2087. scrolledwindow overshoot.left {
  2088.   background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
  2089.   background-size: 5% 100%, 100% 100%;
  2090.   background-repeat: no-repeat;
  2091.   background-position: left center;
  2092.   background-color: transparent;
  2093.   border: none;
  2094.   box-shadow: none; }
  2095.   scrolledwindow overshoot.left:backdrop {
  2096.     background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
  2097.     background-size: 5% 100%;
  2098.     background-repeat: no-repeat;
  2099.     background-position: left center;
  2100.     background-color: transparent;
  2101.     border: none;
  2102.     box-shadow: none; }
  2103.  
  2104. scrolledwindow overshoot.right {
  2105.   background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0)));
  2106.   background-size: 5% 100%, 100% 100%;
  2107.   background-repeat: no-repeat;
  2108.   background-position: right center;
  2109.   background-color: transparent;
  2110.   border: none;
  2111.   box-shadow: none; }
  2112.   scrolledwindow overshoot.right:backdrop {
  2113.     background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0)));
  2114.     background-size: 5% 100%;
  2115.     background-repeat: no-repeat;
  2116.     background-position: right center;
  2117.     background-color: transparent;
  2118.     border: none;
  2119.     box-shadow: none; }
  2120.  
  2121. scrolledwindow undershoot.top {
  2122.   background-color: transparent;
  2123.   background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2124.   padding-top: 1px;
  2125.   background-size: 10px 1px;
  2126.   background-repeat: repeat-x;
  2127.   background-origin: content-box;
  2128.   background-position: center top;
  2129.   border: none;
  2130.   box-shadow: none; }
  2131.  
  2132. scrolledwindow undershoot.bottom {
  2133.   background-color: transparent;
  2134.   background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2135.   padding-bottom: 1px;
  2136.   background-size: 10px 1px;
  2137.   background-repeat: repeat-x;
  2138.   background-origin: content-box;
  2139.   background-position: center bottom;
  2140.   border: none;
  2141.   box-shadow: none; }
  2142.  
  2143. scrolledwindow undershoot.left {
  2144.   background-color: transparent;
  2145.   background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2146.   padding-left: 1px;
  2147.   background-size: 1px 10px;
  2148.   background-repeat: repeat-y;
  2149.   background-origin: content-box;
  2150.   background-position: left center;
  2151.   border: none;
  2152.   box-shadow: none; }
  2153.  
  2154. scrolledwindow undershoot.right {
  2155.   background-color: transparent;
  2156.   background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
  2157.   padding-right: 1px;
  2158.   background-size: 1px 10px;
  2159.   background-repeat: repeat-y;
  2160.   background-origin: content-box;
  2161.   background-position: right center;
  2162.   border: none;
  2163.   box-shadow: none; }
  2164.  
  2165. scrolledwindow junction {
  2166.   border-color: transparent;
  2167.   border-image: linear-gradient(to bottom, rgba(12, 14, 21, 0.8) 1px, transparent 1px) 0 0 0 1/0 1px stretch;
  2168.   background-color: #171a27; }
  2169.   scrolledwindow junction:dir(rtl) {
  2170.     border-image-slice: 0 1 0 0; }
  2171.   scrolledwindow junction:backdrop {
  2172.     border-image-source: linear-gradient(to bottom, rgba(13, 16, 23, 0.82) 1px, transparent 1px);
  2173.     background-color: #10131b;
  2174.     transition: 200ms ease-out; }
  2175.  
  2176. separator {
  2177.   background: rgba(0, 0, 0, 0.1); }
  2178.  
  2179. /************
  2180.  * Popovers *
  2181.  ************/
  2182. GraniteWidgetsPopOver {
  2183.   -GraniteWidgetsPopOver-arrow-width: 21;
  2184.   -GraniteWidgetsPopOver-arrow-height: 10;
  2185.   -GraniteWidgetsPopOver-border-radius: 8px;
  2186.   -GraniteWidgetsPopOver-border-width: 0;
  2187.   -GraniteWidgetsPopOver-shadow-size: 12;
  2188.   border: 1px solid #181b28;
  2189.   background: #181b28;
  2190.   color: #C3C7D1; }
  2191.   GraniteWidgetsPopOver .button {
  2192.     background-image: none;
  2193.     background: none;
  2194.     border: none; }
  2195.     GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover {
  2196.       color: #144dff; }
  2197.   GraniteWidgetsPopOver > .frame {
  2198.     border: none; }
  2199.   GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar {
  2200.     border: none;
  2201.     background: none; }
  2202.  
  2203. GraniteWidgetsStaticNotebook .frame {
  2204.   border: none; }
  2205.  
  2206. .popover_bg {
  2207.   background-color: #181b28;
  2208.   background-image: none;
  2209.   border: 1px solid #181b28;
  2210.   color: #C3C7D1; }
  2211.  
  2212. /***********
  2213.  * Welcome *
  2214.  **********/
  2215. GraniteWidgetsWelcome {
  2216.   background-color: #181b28; }
  2217.   GraniteWidgetsWelcome GtkLabel {
  2218.     color: #C3C7D1; }
  2219.   GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 {
  2220.     color: rgba(195, 199, 209, 0.8); }
  2221.  
  2222. /**************
  2223. * Source List *
  2224. ***************/
  2225. .source-list {
  2226.   -GtkTreeView-horizontal-separator: 1px;
  2227.   -GtkTreeView-vertical-separator: 6px;
  2228.   background-color: #161925;
  2229.   border: solid rgba(12, 14, 21, 0.8);
  2230.   color: #C3C7D1;
  2231.   border-right-width: 1px; }
  2232.   .source-list .category-expander {
  2233.     color: transparent; }
  2234.   .source-list .badge {
  2235.     background-image: none;
  2236.     background-color: rgba(0, 0, 0, 0.4);
  2237.     color: #161925;
  2238.     border-radius: 10px;
  2239.     padding: 0 6px;
  2240.     margin: 0 3px;
  2241.     border-width: 0; }
  2242.     .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop {
  2243.       background-color: rgba(0, 0, 0, 0.2);
  2244.       color: #0c0e15; }
  2245.   .source-list row,
  2246.   .source-list .list-row {
  2247.     border: none;
  2248.     padding: 0; }
  2249.     .source-list row > GtkLabel,
  2250.     .source-list row > label,
  2251.     .source-list .list-row > GtkLabel,
  2252.     .source-list .list-row > label {
  2253.       padding-left: 6px;
  2254.       padding-right: 6px; }
  2255.  
  2256. /**************
  2257. * Text Styles *
  2258. **************/
  2259. .h1 {
  2260.   font-size: 24px; }
  2261.  
  2262. .h2 {
  2263.   font-weight: 300;
  2264.   font-size: 18px; }
  2265.  
  2266. .h3 {
  2267.   font-size: 11px; }
  2268.  
  2269. .h4,
  2270. .category-label {
  2271.   font-size: 12px;
  2272.   padding: 6px;
  2273.   color: rgba(195, 199, 209, 0.3);
  2274.   font-weight: bold;
  2275.   text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
  2276.  
  2277. /**************
  2278. * Storage Bar *
  2279. **************/
  2280. .storage-bar .trough {
  2281.   border: none;
  2282.   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  2283.   background-image: none;
  2284.   background-color: transparent;
  2285.   padding: 8px 6px; }
  2286.  
  2287. .storage-bar .fill-block {
  2288.   background-color: #f9dc5c;
  2289.   border: none;
  2290.   box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  2291.   transition: all 200ms ease-in-out;
  2292.   padding: 8px 6px; }
  2293.   .storage-bar .fill-block:first-child {
  2294.     border-top-left-radius: 4px;
  2295.     border-bottom-left-radius: 4px;
  2296.     border-left-width: 1px;
  2297.     box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
  2298.   .storage-bar .fill-block:last-child {
  2299.     border-top-right-radius: 4px;
  2300.     border-bottom-right-radius: 4px;
  2301.     box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
  2302.   .storage-bar .fill-block.empty-block {
  2303.     background-color: #181b28; }
  2304.   .storage-bar .fill-block.app {
  2305.     background-color: #7cb7ff; }
  2306.   .storage-bar .fill-block.audio {
  2307.     background-color: #ff6a00; }
  2308.   .storage-bar .fill-block.photo {
  2309.     background-color: #ed254e; }
  2310.   .storage-bar .fill-block.video {
  2311.     background-color: #c74ded; }
  2312.   .storage-bar .fill-block .legend {
  2313.     padding: 12px;
  2314.     border-radius: 4px; }
  2315.  
  2316. /***************
  2317.  * Header bars *
  2318.  ***************/
  2319. .titlebar:not(headerbar), .titlebar,
  2320. headerbar {
  2321.   padding: 0px 13px;
  2322.   min-height: 34px;
  2323.   background: #0c0e14;
  2324.   color: #C3C7D1;
  2325.   border-radius: 0; }
  2326.   .titlebar:backdrop,
  2327.   headerbar:backdrop {
  2328.     border-color: rgba(13, 16, 23, 0.82);
  2329.     transition: 200ms ease-out; }
  2330.   .titlebar .title,
  2331.   headerbar .title {
  2332.     font-weight: bold;
  2333.     padding-left: 12px;
  2334.     padding-right: 12px; }
  2335.   .titlebar .subtitle,
  2336.   headerbar .subtitle {
  2337.     font-size: smaller;
  2338.     padding-left: 12px;
  2339.     padding-right: 12px; }
  2340.   .titlebar:not(headerbar) entry, .titlebar entry,
  2341.   headerbar entry {
  2342.     min-height: 24px; }
  2343.   .titlebar:not(headerbar) button, .titlebar button,
  2344.   headerbar button {
  2345.     color: #8b8b8b;
  2346.     text-shadow: none;
  2347.     box-shadow: none;
  2348.     background: transparent;
  2349.     border: none;
  2350.     min-height: 14px;
  2351.     margin-top: 5px;
  2352.     margin-bottom: 5px;
  2353.     box-shadow: none; }
  2354.     .titlebar button.image-button,
  2355.     headerbar button.image-button {
  2356.       padding: 3px 4px; }
  2357.     .titlebar button.suggested-action,
  2358.     headerbar button.suggested-action {
  2359.       box-shadow: none;
  2360.       border: none;
  2361.       /* edited by me - usato da peek */
  2362.       background-image: linear-gradient(to right, #0151c7 0%, #00acff 100%); }
  2363.       .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop,
  2364.       headerbar button.suggested-action:disabled,
  2365.       headerbar button.suggested-action:disabled:backdrop,
  2366.       headerbar button.suggested-action:backdrop {
  2367.         border: none;
  2368.         background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  2369.         .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked,
  2370.         headerbar button.suggested-action:disabled:hover,
  2371.         headerbar button.suggested-action:disabled:active,
  2372.         headerbar button.suggested-action:disabled:checked,
  2373.         headerbar button.suggested-action:disabled:backdrop:hover,
  2374.         headerbar button.suggested-action:disabled:backdrop:active,
  2375.         headerbar button.suggested-action:disabled:backdrop:checked,
  2376.         headerbar button.suggested-action:backdrop:hover,
  2377.         headerbar button.suggested-action:backdrop:active,
  2378.         headerbar button.suggested-action:backdrop:checked {
  2379.           border: none;
  2380.           background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  2381.     .titlebar button.appmenu,
  2382.     headerbar button.appmenu {
  2383.       background: transparent; }
  2384.       .titlebar button.appmenu:backdrop,
  2385.       headerbar button.appmenu:backdrop {
  2386.         background: transparent; }
  2387.     .titlebar button:hover, .titlebar button:active, .titlebar button:checked,
  2388.     headerbar button:hover,
  2389.     headerbar button:active,
  2390.     headerbar button:checked {
  2391.       background-color: transparent;
  2392.       color: #144dff;
  2393.       box-shadow: none;
  2394.       border: none; }
  2395.     .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled,
  2396.     headerbar button:backdrop,
  2397.     headerbar button:disabled,
  2398.     headerbar button:backdrop:disabled {
  2399.       color: rgba(195, 199, 209, 0.2);
  2400.       background-color: transparent;
  2401.       border-radius: 0;
  2402.       text-shadow: none;
  2403.       box-shadow: none;
  2404.       border: none; }
  2405.     .titlebar button:backdrop:hover, .titlebar button:backdrop:active, .titlebar button:backdrop:checked,
  2406.     headerbar button:backdrop:hover,
  2407.     headerbar button:backdrop:active,
  2408.     headerbar button:backdrop:checked {
  2409.       background-color: transparent;
  2410.       color: #144dff;
  2411.       box-shadow: none; }
  2412.       .titlebar button:backdrop:hover label, .titlebar button:backdrop:active label, .titlebar button:backdrop:checked label,
  2413.       headerbar button:backdrop:hover label,
  2414.       headerbar button:backdrop:active label,
  2415.       headerbar button:backdrop:checked label {
  2416.         color: #144dff; }
  2417.     .titlebar button.suggested-action,
  2418.     headerbar button.suggested-action {
  2419.       font-weight: bold;
  2420.       min-height: 24px;
  2421.       margin-top: 5px;
  2422.       margin-bottom: 5px;
  2423.       border-radius: 4px;
  2424.       font-weight: normal;
  2425.       color: white;
  2426.       background-color: #181b28;
  2427.       text-shadow: none;
  2428.       box-shadow: none; }
  2429.       .titlebar button.suggested-action:hover,
  2430.       headerbar button.suggested-action:hover {
  2431.         color: white;
  2432.         outline-color: rgba(255, 255, 255, 0.3);
  2433.         background-color: #00c1e4;
  2434.         text-shadow: none; }
  2435.       .titlebar button.suggested-action:active,
  2436.       headerbar button.suggested-action:active {
  2437.         color: white;
  2438.         outline-color: rgba(255, 255, 255, 0.3);
  2439.         background-color: #00c1e4;
  2440.         text-shadow: none; }
  2441.       .titlebar button.suggested-action:disabled,
  2442.       headerbar button.suggested-action:disabled {
  2443.         color: white;
  2444.         outline-color: rgba(255, 255, 255, 0.3);
  2445.         background-color: #00c1e4;
  2446.         text-shadow: none; }
  2447.         .titlebar button.suggested-action:disabled label,
  2448.         headerbar button.suggested-action:disabled label {
  2449.           color: rgba(255, 255, 255, 0.5); }
  2450.       .titlebar button.suggested-action:backdrop,
  2451.       headerbar button.suggested-action:backdrop {
  2452.         color: rgba(255, 255, 255, 0.4);
  2453.         outline-color: rgba(255, 255, 255, 0.3);
  2454.         background-color: #00c1e4;
  2455.         text-shadow: none;
  2456.         border-radius: 3px; }
  2457.       .titlebar button.suggested-action:backdrop:disabled,
  2458.       headerbar button.suggested-action:backdrop:disabled {
  2459.         color: white;
  2460.         outline-color: rgba(255, 255, 255, 0.3);
  2461.         background-color: #00c1e4;
  2462.         text-shadow: none; }
  2463.     .titlebar button.destructive-action,
  2464.     headerbar button.destructive-action {
  2465.       font-weight: bold;
  2466.       min-height: 24px;
  2467.       margin-top: 5px;
  2468.       margin-bottom: 5px;
  2469.       border-radius: 4px;
  2470.       font-weight: normal;
  2471.       color: white;
  2472.       background-color: #181b28;
  2473.       text-shadow: none;
  2474.       box-shadow: none; }
  2475.       .titlebar button.destructive-action:hover,
  2476.       headerbar button.destructive-action:hover {
  2477.         color: white;
  2478.         outline-color: rgba(255, 255, 255, 0.3);
  2479.         background-color: #ce1138;
  2480.         text-shadow: none; }
  2481.       .titlebar button.destructive-action:active,
  2482.       headerbar button.destructive-action:active {
  2483.         color: white;
  2484.         outline-color: rgba(255, 255, 255, 0.3);
  2485.         background-color: #ce1138;
  2486.         text-shadow: none; }
  2487.       .titlebar button.destructive-action:disabled,
  2488.       headerbar button.destructive-action:disabled {
  2489.         color: white;
  2490.         outline-color: rgba(255, 255, 255, 0.3);
  2491.         background-color: #ce1138;
  2492.         text-shadow: none; }
  2493.         .titlebar button.destructive-action:disabled label,
  2494.         headerbar button.destructive-action:disabled label {
  2495.           color: rgba(255, 255, 255, 0.5); }
  2496.       .titlebar button.destructive-action:backdrop,
  2497.       headerbar button.destructive-action:backdrop {
  2498.         color: rgba(255, 255, 255, 0.4);
  2499.         outline-color: rgba(255, 255, 255, 0.3);
  2500.         background-color: #ce1138;
  2501.         text-shadow: none;
  2502.         border-radius: 3px; }
  2503.       .titlebar button.destructive-action:backdrop:disabled,
  2504.       headerbar button.destructive-action:backdrop:disabled {
  2505.         color: white;
  2506.         outline-color: rgba(255, 255, 255, 0.3);
  2507.         background-color: #ce1138;
  2508.         text-shadow: none; }
  2509.     .titlebar button.titlebutton,
  2510.     headerbar button.titlebutton {
  2511.       color: transparent;
  2512.       box-shadow: none;
  2513.       border: none;
  2514.       background-color: transparent;
  2515.       background-image: none;
  2516.       background-repeat: no-repeat; }
  2517.       .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar button.titlebutton *,
  2518.       headerbar button.titlebutton:hover,
  2519.       headerbar button.titlebutton:active,
  2520.       headerbar button.titlebutton:checked,
  2521.       headerbar button.titlebutton:backdrop,
  2522.       headerbar button.titlebutton:backdrop:hover,
  2523.       headerbar button.titlebutton * {
  2524.         color: transparent;
  2525.         box-shadow: none;
  2526.         background-color: transparent; }
  2527.   .titlebar .linked > button,
  2528.   .titlebar headerbar .linked > button, .titlebar .linked > button:active, .titlebar .linked > button:checked, .titlebar .linked > button:hover,
  2529.   .titlebar .linked > button:backdrop,
  2530.   headerbar .titlebar .linked > button,
  2531.   .titlebar headerbar .linked > button,
  2532.   headerbar .linked > button,
  2533.   headerbar .titlebar .linked > button:active,
  2534.   .titlebar headerbar .linked > button:active,
  2535.   headerbar .linked > button:active,
  2536.   headerbar .titlebar .linked > button:checked,
  2537.   .titlebar headerbar .linked > button:checked,
  2538.   headerbar .linked > button:checked,
  2539.   headerbar .titlebar .linked > button:hover,
  2540.   .titlebar headerbar .linked > button:hover,
  2541.   headerbar .titlebar .linked > button:backdrop,
  2542.   .titlebar headerbar .linked > button:backdrop,
  2543.   headerbar .linked > button:hover,
  2544.   headerbar .linked > button:backdrop {
  2545.     border-radius: 23px;
  2546.     border-right-style: none;
  2547.     border: none;
  2548.     box-shadow: none;
  2549.     margin: 10px 0px;
  2550.     min-height: 20px;
  2551.     transition: all .1s ease-in; }
  2552.     .titlebar .linked > button:only-child,
  2553.     .titlebar headerbar .linked > button:only-child,
  2554.     headerbar .titlebar .linked > button:only-child,
  2555.     headerbar .linked > button:only-child {
  2556.       border-radius: 13px;
  2557.       border-style: none; }
  2558.   .titlebar .linked > button:active,
  2559.   headerbar .linked > button:active {
  2560.     background: linear-gradient(to right, #144dff, #8500f7);
  2561.     color: snow; }
  2562.   .titlebar .linked > button:checked,
  2563.   headerbar .linked > button:checked {
  2564.     border-radius: 23px;
  2565.     background: linear-gradient(to right, #144dff, #8500f7);
  2566.     box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
  2567.     color: snow; }
  2568.         /* added by me - colore hover bottoni pamac e bleachbit, quelli nei dettagli delle applicazioni */
  2569.     headerbar .linked > button:hover {
  2570.     color:  #d0d4df; }
  2571.     .titlebar .linked > button:checked:backdrop,
  2572.     headerbar .linked > button:checked:backdrop {
  2573.       color: #ffe6e6; }
  2574.       .titlebar .linked > button:checked:backdrop label,
  2575.       headerbar .linked > button:checked:backdrop label {
  2576.         color: #ffe6e6; }
  2577.   .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked,
  2578.   headerbar.selection-mode button:backdrop.flat:active,
  2579.   headerbar.selection-mode button:backdrop.flat:checked,
  2580.   headerbar.selection-mode button:backdrop:active,
  2581.   headerbar.selection-mode button:backdrop:checked {
  2582.     border-color: #980ba2; }
  2583.     .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label,
  2584.     headerbar.selection-mode button:backdrop.flat:active label,
  2585.     headerbar.selection-mode button:backdrop.flat:checked label,
  2586.     headerbar.selection-mode button:backdrop:active label,
  2587.     headerbar.selection-mode button:backdrop:checked label {
  2588.       color: rgba(197, 14, 210, 0.6); }
  2589.   .tiled .titlebar,
  2590.   .maximized .titlebar, .tiled
  2591.   headerbar.titlebar,
  2592.   .maximized
  2593.   headerbar.titlebar {
  2594.     box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
  2595.   .tiled .titlebar:backdrop, .tiled .titlebar,
  2596.   .maximized .titlebar:backdrop,
  2597.   .maximized .titlebar, .tiled
  2598.   headerbar:backdrop, .tiled
  2599.   headerbar,
  2600.   .maximized
  2601.   headerbar:backdrop,
  2602.   .maximized
  2603.   headerbar {
  2604.     border-radius: 0; }
  2605.   .default-decoration.titlebar,
  2606.   headerbar.default-decoration {
  2607.     padding: 5px 4px;
  2608.     min-height: 20px; }
  2609.     .default-decoration.titlebar button.titlebutton,
  2610.     headerbar.default-decoration button.titlebutton {
  2611.       min-height: 20px;
  2612.       min-width: 20px;
  2613.       margin: 0;
  2614.       padding: 0; }
  2615.  
  2616. headerbar entry,
  2617. headerbar spinbutton,
  2618. headerbar separator {
  2619.   margin-top: 5px;
  2620.   margin-bottom: 5px; }
  2621.  
  2622. headerbar switch {
  2623.   margin-top: 10px;
  2624.   margin-bottom: 10px; }
  2625.  
  2626. headerbar separator {
  2627.   background: transparent; }
  2628.  
  2629. .background:not(.tiled):not(.maximized) .titlebar {
  2630.   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); }
  2631.   .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar {
  2632.     border-top-left-radius: 4px;
  2633.     border-top-right-radius: 4px; }
  2634.  
  2635. window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar,
  2636. window:not(.tiled):not(.maximized) headerbar:first-child:backdrop,
  2637. window:not(.tiled):not(.maximized) headerbar:first-child {
  2638.   border-top-left-radius: 4px; }
  2639.  
  2640. window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child {
  2641.   border-top-right-radius: 4px; }
  2642.  
  2643. window.csd > .titlebar:not(headerbar) {
  2644.   padding: 0;
  2645.   background-color: transparent;
  2646.   background-image: none;
  2647.   border-style: none;
  2648.   border-color: transparent;
  2649.   box-shadow: none; }
  2650.  
  2651. .titlebar:not(headerbar) > separator {
  2652.   background: transparent; }
  2653.  
  2654. /**************
  2655.  * GtkInfoBar *
  2656.  **************/
  2657. .info, .warning, .question, .error,
  2658. infobar {
  2659.   text-shadow: none;
  2660.   color: #C3C7D1;
  2661.   background-color: #161925;
  2662.   border-bottom: 1px solid #030305;
  2663.   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  2664.  
  2665. .info, .warning, .question, .error {
  2666.   text-shadow: none;
  2667.   color: #fefefe;
  2668.   border: none; }
  2669.   .info .label, .warning .label, .question .label, .error .label {
  2670.     color: #fefefe; }
  2671.     .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop {
  2672.       color: rgba(254, 254, 254, 0.5); }
  2673.   .info button, .warning button, .question button, .error button {
  2674.     border-radius: 2px;
  2675.     border: none;
  2676.     background: rgba(24, 27, 40, 0.98);
  2677.     color: #C3C7D1;
  2678.     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
  2679.     .info button .label, .warning button .label, .question button .label, .error button .label {
  2680.       color: #C3C7D1; }
  2681.     .info button:active, .warning button:active, .question button:active, .error button:active {
  2682.       background: #181b28;
  2683.       color: #C3C7D1;
  2684.       box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
  2685.       .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop {
  2686.         background: rgba(24, 27, 40, 0.8);
  2687.         color: rgba(195, 199, 209, 0.5);
  2688.         box-shadow: none; }
  2689.     .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus {
  2690.       box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
  2691.     .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled {
  2692.       background: rgba(24, 27, 40, 0.6);
  2693.       color: rgba(195, 199, 209, 0.5);
  2694.       box-shadow: none; }
  2695.       .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop {
  2696.         background: rgba(24, 27, 40, 0.5);
  2697.         color: rgba(195, 199, 209, 0.5);
  2698.         box-shadow: none; }
  2699.     .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop {
  2700.       background: rgba(24, 27, 40, 0.8);
  2701.       color: rgba(195, 199, 209, 0.5);
  2702.       box-shadow: none; }
  2703.  
  2704. .info {
  2705.   background-color: #71f79f; }
  2706.   .info:backdrop {
  2707.     background-color: #a1fac0;
  2708.     color: rgba(254, 254, 254, 0.5); }
  2709.  
  2710. .warning {
  2711.   background-color: #cc5500; }
  2712.   .warning:backdrop {
  2713.     background-color: #ff6a00;
  2714.     color: rgba(254, 254, 254, 0.5); }
  2715.  
  2716. .question {
  2717.   background-color: #00c1e4; }
  2718.   .question:backdrop {
  2719.     background-color: #18dcff;
  2720.     color: rgba(254, 254, 254, 0.5); }
  2721.  
  2722. .error {
  2723.   background-color: #e6133e; }
  2724.   .error:backdrop {
  2725.     background-color: #ef3d61;
  2726.     color: rgba(254, 254, 254, 0.5); }
  2727.  
  2728. /*************
  2729.  * Level Bar *
  2730.  *************/
  2731. levelbar block {
  2732.   min-width: 32px;
  2733.   min-height: 6px; }
  2734.  
  2735. levelbar.vertical block {
  2736.   min-width: 6px;
  2737.   min-height: 32px; }
  2738.  
  2739. levelbar:backdrop {
  2740.   transition: 200ms ease-out; }
  2741.  
  2742. levelbar trough {
  2743.   padding: 3px;
  2744.   border-radius: 3px;
  2745.   background-color: rgba(255, 255, 255, 0.2);
  2746.   box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
  2747.   levelbar trough:backdrop {
  2748.     background-color: rgba(255, 255, 255, 0.06);
  2749.     box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
  2750.  
  2751. levelbar.horizontal.discrete block {
  2752.   margin: 0 1px; }
  2753.  
  2754. levelbar.vertical.discrete block {
  2755.   margin: 1px 0; }
  2756.  
  2757. levelbar block {
  2758.   border-radius: 2px; }
  2759.   levelbar block:backdrop {
  2760.     box-shadow: none; }
  2761.   levelbar block.low {
  2762.     background-color: #cc5500; }
  2763.     levelbar block.low:backdrop {
  2764.       border-color: #cc5500; }
  2765.   levelbar block.high, levelbar block:not(.empty) {
  2766.     background-color: #00c1e4; }
  2767.     levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
  2768.       border-color: #00c1e4; }
  2769.   levelbar block.full {
  2770.     background-color: #0096b1; }
  2771.     levelbar block.full:backdrop {
  2772.       border-color: #0096b1; }
  2773.   levelbar block.empty {
  2774.     background-color: rgba(0, 0, 0, 0.35);
  2775.     box-shadow: none; }
  2776.  
  2777. /*********
  2778.  * Links *
  2779.  *********/
  2780. *:link, button:link,
  2781. button:visited {
  2782.   color: #7cb7ff; }
  2783.   *:link:visited,
  2784.   button:visited {
  2785.     color: rgba(124, 183, 255, 0.5); }
  2786.     *:selected *:link:visited, *:selected button:visited:link,
  2787.     *:selected button:visited {
  2788.       color: #e79eec; }
  2789.   *:link:hover, button:hover:link,
  2790.   button:hover:visited {
  2791.     color: #afd3ff; }
  2792.     *:selected *:link:hover, *:selected button:hover:link,
  2793.     *:selected button:hover:visited {
  2794.       color: #f8e6fa; }
  2795.   *:link:active, button:active:link,
  2796.   button:active:visited {
  2797.     color: #7cb7ff; }
  2798.     *:selected *:link:active, *:selected button:active:link,
  2799.     *:selected button:active:visited {
  2800.       color: #f3cef5; }
  2801.   *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link,
  2802.   button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link,
  2803.   button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link,
  2804.   button:backdrop:visited {
  2805.     color: #144dff; }
  2806.   *:link:selected, button:selected:link,
  2807.   button:selected:visited,
  2808.   *:selected *:link,
  2809.   *:selected button:link,
  2810.   *:selected button:visited {
  2811.     color: #f3cef5; }
  2812.  
  2813. button:link,
  2814. button:visited {
  2815.   text-shadow: none; }
  2816.   button:link:hover, button:link:active, button:link:checked,
  2817.   button:visited:hover,
  2818.   button:visited:active,
  2819.   button:visited:checked {
  2820.     text-shadow: none; }
  2821.   button:link > label,
  2822.   button:visited > label {
  2823.     text-decoration-line: underline; }
  2824.  
  2825. /*********
  2826.  * Lists *
  2827.  *********/
  2828. list {
  2829.   color: #C3C7D1;
  2830.   background-color: #181b28;
  2831.   border-color: rgba(12, 14, 21, 0.8); }
  2832.   list:backdrop {
  2833.     background-color: #1a1d2b;
  2834.     border-color: rgba(13, 16, 23, 0.82); }
  2835.  
  2836. row {
  2837.   padding: 5px 11px;
  2838.   transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  2839.   row label {
  2840.     padding-left: 8px; }
  2841.   row:hover {
  2842.     transition: none; }
  2843.   row:backdrop {
  2844.     transition: 200ms ease-out; }
  2845.   row.activatable.has-open-popup, row.activatable:hover {
  2846.     background-color: rgba(195, 199, 209, 0.05); }
  2847.   row.activatable:active {
  2848.     box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
  2849.   row.activatable:backdrop:hover {
  2850.     background-color: transparent; }
  2851.   row.activatable:selected:active {
  2852.     box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
  2853.   row.activatable:selected.has-open-popup, row.activatable:selected:hover {
  2854.     background-color: rgba(197, 14, 210, 0.5); }
  2855.   row.activatable:selected:backdrop {
  2856.     background-color: rgba(197, 14, 210, 0.6); }
  2857.   row.activatable button.flat {
  2858.     background-color: transparent; }
  2859.  
  2860. /*********
  2861.  * Menus *
  2862.  *********/
  2863. menubar,
  2864. .menubar {
  2865.   background-color: #0c0e14;
  2866.   color: #C3C7D1;
  2867.   -GtkWidget-window-dragging: true;
  2868.   padding: 0px;
  2869.   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
  2870.   menubar > menuitem,
  2871.   .menubar > menuitem {
  2872.     min-height: 16px;
  2873.     padding: 4px 8px; }
  2874.     menubar > menuitem:hover,
  2875.     .menubar > menuitem:hover {
  2876.       box-shadow: inset 0 -3px #144dff; }
  2877.     menubar > menuitem:disabled,
  2878.     .menubar > menuitem:disabled {
  2879.       color: #6d707b;
  2880.       box-shadow: none; }
  2881.  
  2882. menu,
  2883. .menu,
  2884. .context-menu {
  2885.   font: initial;
  2886.   margin: 4px;
  2887.   padding: 2px 0px;
  2888.   background: linear-gradient(to bottom, #1a1d2b, #12151f);
  2889.   border: 1px solid rgba(12, 14, 21, 0.8);
  2890.   border-radius: 5px; }
  2891.   .csd menu, .csd
  2892.   .menu, .csd
  2893.   .context-menu {
  2894.     border: none; }
  2895.   menu:backdrop,
  2896.   .menu:backdrop,
  2897.   .context-menu:backdrop {
  2898.     background-color: #191c2a; }
  2899.   menu menuitem,
  2900.   .menu menuitem,
  2901.   .context-menu menuitem {
  2902.     min-height: 17px;
  2903.     min-width: 40px;
  2904.     padding: 4px 6px;
  2905.     text-shadow: none; }
  2906.     menu menuitem:hover,
  2907.     .menu menuitem:hover,
  2908.     .context-menu menuitem:hover {
  2909.       color: #fefefe;
  2910.       background-color: #144dff; }
  2911.     menu menuitem:disabled,
  2912.     .menu menuitem:disabled,
  2913.     .context-menu menuitem:disabled {
  2914.       color: #6d707b; }
  2915.       menu menuitem:disabled:backdrop,
  2916.       .menu menuitem:disabled:backdrop,
  2917.       .context-menu menuitem:disabled:backdrop {
  2918.         color: #333955; }
  2919.     menu menuitem:backdrop, menu menuitem:backdrop:hover,
  2920.     .menu menuitem:backdrop,
  2921.     .menu menuitem:backdrop:hover,
  2922.     .context-menu menuitem:backdrop,
  2923.     .context-menu menuitem:backdrop:hover {
  2924.       color: #6d707b;
  2925.       background-color: transparent; }
  2926.     menu menuitem arrow,
  2927.     .menu menuitem arrow,
  2928.     .context-menu menuitem arrow {
  2929.       min-height: 16px;
  2930.       min-width: 16px; }
  2931.       menu menuitem arrow:dir(ltr),
  2932.       .menu menuitem arrow:dir(ltr),
  2933.       .context-menu menuitem arrow:dir(ltr) {
  2934.         -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
  2935.         margin-left: 10px; }
  2936.       menu menuitem arrow:dir(rtl),
  2937.       .menu menuitem arrow:dir(rtl),
  2938.       .context-menu menuitem arrow:dir(rtl) {
  2939.         -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
  2940.         margin-right: 10px; }
  2941.     menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
  2942.     .menu menuitem label:dir(rtl),
  2943.     .menu menuitem label:dir(ltr),
  2944.     .context-menu menuitem label:dir(rtl),
  2945.     .context-menu menuitem label:dir(ltr) {
  2946.       color: inherit; }
  2947.   menu > arrow,
  2948.   .menu > arrow,
  2949.   .context-menu > arrow {
  2950.     background-color: transparent;
  2951.     background-image: none;
  2952.     border-color: transparent;
  2953.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  2954.     text-shadow: none;
  2955.     -gtk-icon-shadow: none;
  2956.     min-height: 16px;
  2957.     min-width: 16px;
  2958.     padding: 4px;
  2959.     background-color: #181b28;
  2960.     border-radius: 0; }
  2961.     menu > arrow.top,
  2962.     .menu > arrow.top,
  2963.     .context-menu > arrow.top {
  2964.       margin-top: -6px;
  2965.       border-bottom: 1px solid #292c39;
  2966.       -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
  2967.     menu > arrow.bottom,
  2968.     .menu > arrow.bottom,
  2969.     .context-menu > arrow.bottom {
  2970.       margin-bottom: -6px;
  2971.       border-top: 1px solid #292c39;
  2972.       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  2973.     menu > arrow:hover,
  2974.     .menu > arrow:hover,
  2975.     .context-menu > arrow:hover {
  2976.       background-color: #292c39; }
  2977.     menu > arrow:backdrop,
  2978.     .menu > arrow:backdrop,
  2979.     .context-menu > arrow:backdrop {
  2980.       background-color: #191c2a; }
  2981.     menu > arrow:disabled,
  2982.     .menu > arrow:disabled,
  2983.     .context-menu > arrow:disabled {
  2984.       color: transparent;
  2985.       background-color: transparent;
  2986.       border-color: transparent; }
  2987.  
  2988. menuitem accelerator {
  2989.   color: alpha(currentColor,0.55); }
  2990.  
  2991. menuitem check,
  2992. menuitem radio {
  2993.   min-height: 16px;
  2994.   min-width: 16px; }
  2995.   menuitem check:dir(ltr),
  2996.   menuitem radio:dir(ltr) {
  2997.     margin-right: 7px; }
  2998.   menuitem check:dir(rtl),
  2999.   menuitem radio:dir(rtl) {
  3000.     margin-left: 7px; }
  3001.  
  3002. .csd.popup {
  3003.   background: transparent; }
  3004.  
  3005. /********
  3006.  * Misc *
  3007.  ********/
  3008. .content-view {
  3009.   background-color: #090a0f; }
  3010.   .content-view:hover {
  3011.     -gtk-icon-effect: highlight; }
  3012.   .content-view:backdrop {
  3013.     background-color: #090a0f; }
  3014.  
  3015. .osd .scale-popup button.flat {
  3016.   border-style: none;
  3017.   border-radius: 5px; }
  3018.  
  3019. .scale-popup button:hover {
  3020.   background-color: rgba(195, 199, 209, 0.1);
  3021.   border-radius: 5px; }
  3022.  
  3023. /************
  3024. * Assistant *
  3025. *************/
  3026. assistant {
  3027.   border-bottom-left-radius: 4px;
  3028.   border-bottom-right-radius: 4px; }
  3029.   assistant .sidebar {
  3030.     background-color: #181b28;
  3031.     border-top: 1px solid rgba(12, 14, 21, 0.8);
  3032.     border-bottom-left-radius: 4px; }
  3033.     assistant .sidebar:backdrop {
  3034.       background-color: #1a1d2b;
  3035.       border-color: rgba(13, 16, 23, 0.82); }
  3036.   assistant.csd .sidebar {
  3037.     border-top-style: none; }
  3038.   assistant .sidebar GtkLabel,
  3039.   assistant .sidebar label {
  3040.     padding: 6px 12px; }
  3041.   assistant .sidebar GtkLabel.highlight,
  3042.   assistant .sidebar label.highlight {
  3043.     background-color: #393c47; }
  3044.  
  3045. /*************
  3046.  * Notebooks *
  3047.  *************/
  3048. notebook > header {
  3049.   padding: 1px;
  3050.   border-color: transparent;
  3051.   border-width: 1px;
  3052.   background-color: #10121a; }
  3053.   notebook > header:backdrop {
  3054.     border-color: rgba(13, 16, 23, 0.82);
  3055.     background-color: #161925; }
  3056.   notebook > header tabs {
  3057.     margin: 0px; }
  3058.   notebook > header.top {
  3059.     border-bottom-style: solid; }
  3060.     notebook > header.top > tabs {
  3061.       margin-bottom: -2px; }
  3062.       notebook > header.top > tabs > tab:backdrop {
  3063.         box-shadow: none; }
  3064.       notebook > header.top > tabs > tab:checked {
  3065.         background: linear-gradient(to right, #0151c7, #00acff) left bottom #141620 no-repeat;
  3066.         background-size: 100% 2px;
  3067.         border: 0; }
  3068.   notebook > header.bottom {
  3069.     border-top-style: solid; }
  3070.     notebook > header.bottom > tabs {
  3071.       margin-top: -2px; }
  3072.       notebook > header.bottom > tabs > tab:backdrop {
  3073.         box-shadow: none; }
  3074.       notebook > header.bottom > tabs > tab:checked {
  3075.         background: linear-gradient(to right, #0151c7, #00acff) left bottom #141620 no-repeat;
  3076.         background-size: 100% 2px;
  3077.         border: 0; }
  3078.   notebook > header.left {
  3079.     border-right-style: solid; }
  3080.     notebook > header.left > tabs {
  3081.       margin-right: -2px; }
  3082.       notebook > header.left > tabs > tab:backdrop {
  3083.         box-shadow: none; }
  3084.       notebook > header.left > tabs > tab:checked {
  3085.         background: linear-gradient(to bottom, #5800E2, #FF00E6) left bottom #141620 no-repeat;
  3086.         background-size: 2px 100%;
  3087.         border: 0; }
  3088.   notebook > header.right {
  3089.     border-left-style: solid; }
  3090.     notebook > header.right > tabs {
  3091.       margin-left: -2px; }
  3092.       notebook > header.right > tabs > tab:backdrop {
  3093.         box-shadow: none; }
  3094.       notebook > header.right > tabs > tab:checked {
  3095.         background: linear-gradient(to bottom, #5800E2, #FF00E6) left bottom #141620 no-repeat;
  3096.         background-size: 2px 100%;
  3097.         border: 0; }
  3098.   notebook > header.top > tabs > arrow {
  3099.     border-top-style: none; }
  3100.   notebook > header.bottom > tabs > arrow {
  3101.     border-bottom-style: none; }
  3102.   notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
  3103.     margin-left: -5px;
  3104.     margin-right: -5px;
  3105.     padding-left: 4px;
  3106.     padding-right: 4px; }
  3107.     notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
  3108.       -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  3109.     notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
  3110.       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  3111.   notebook > header.left > tabs > arrow {
  3112.     border-left-style: none; }
  3113.   notebook > header.right > tabs > arrow {
  3114.     border-right-style: none; }
  3115.   notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
  3116.     margin-top: -5px;
  3117.     margin-bottom: -5px;
  3118.     padding-top: 4px;
  3119.     padding-bottom: 4px; }
  3120.     notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
  3121.       -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
  3122.     notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
  3123.       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  3124.   notebook > header > tabs > arrow {
  3125.     min-height: 14px;
  3126.     min-width: 14px;
  3127.     border-radius: 0; }
  3128.     notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
  3129.       background-clip: padding-box;
  3130.       background-image: none;
  3131.       background-color: rgba(255, 255, 255, 0.3);
  3132.       border-color: transparent;
  3133.       box-shadow: none; }
  3134.     notebook > header > tabs > arrow:disabled {
  3135.       background-color: transparent;
  3136.       background-image: none;
  3137.       border-color: transparent;
  3138.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3139.       text-shadow: none;
  3140.       -gtk-icon-shadow: none; }
  3141.   notebook > header tab {
  3142.     min-height: 24px;
  3143.     min-width: 24px;
  3144.     padding: 1px 12px;
  3145.     outline-offset: -5px;
  3146.     color: #6d707b;
  3147.     font-weight: normal;
  3148.     border-width: 1px;
  3149.     border-color: transparent; }
  3150.     notebook > header tab:hover {
  3151.       color: #989ca6; }
  3152.       notebook > header tab:hover.reorderable-page {
  3153.         border-color: rgba(12, 14, 21, 0.1);
  3154.         background-color: rgba(22, 25, 37, 0.2); }
  3155.     notebook > header tab:backdrop {
  3156.       color: #4a4d59; }
  3157.       notebook > header tab:backdrop.reorderable-page {
  3158.         border-color: transparent;
  3159.         background-color: transparent; }
  3160.     notebook > header tab:checked {
  3161.       color: #C3C7D1; }
  3162.       notebook > header tab:checked.reorderable-page {
  3163.         border-color: rgba(12, 14, 21, 0.3);
  3164.         background-color: rgba(22, 25, 37, 0.5); }
  3165.         notebook > header tab:checked.reorderable-page:hover {
  3166.           background-color: rgba(22, 25, 37, 0.7); }
  3167.     notebook > header tab:backdrop:checked {
  3168.       color: #6d707b; }
  3169.       notebook > header tab:backdrop:checked.reorderable-page {
  3170.         border-color: rgba(13, 16, 23, 0.82);
  3171.         background-color: #1a1d2b; }
  3172.     notebook > header tab button.flat {
  3173.       padding: 0;
  3174.       margin-top: 4px;
  3175.       margin-bottom: 4px;
  3176.       min-width: 20px;
  3177.       min-height: 20px; }
  3178.       notebook > header tab button.flat:hover {
  3179.         background: transparent;
  3180.         box-shadow: none;
  3181.         color: #ed254e; }
  3182.       notebook > header tab button.flat, notebook > header tab button.flat:backdrop {
  3183.         color: alpha(currentColor,0.3); }
  3184.   notebook > header.top tabs, notebook > header.bottom tabs {
  3185.     padding-left: 0px;
  3186.     padding-right: 0px; }
  3187.     notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) {
  3188.       margin-left: 0.5px;
  3189.       margin-right: 0.5px; }
  3190.       notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
  3191.         margin-left: -1px; }
  3192.       notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
  3193.         margin-right: -1px; }
  3194.     notebook > header.top tabs tab, notebook > header.bottom tabs tab {
  3195.       margin-left: 0.5px;
  3196.       margin-right: 0.5px; }
  3197.       notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
  3198.         border-style: none solid; }
  3199.   notebook > header.left tabs, notebook > header.right tabs {
  3200.     padding-top: 4px;
  3201.     padding-bottom: 4px; }
  3202.     notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) {
  3203.       margin-top: 3px;
  3204.       margin-bottom: 3px; }
  3205.       notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
  3206.         margin-top: -1px; }
  3207.       notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
  3208.         margin-bottom: -1px; }
  3209.     notebook > header.left tabs tab, notebook > header.right tabs tab {
  3210.       margin-top: 4px;
  3211.       margin-bottom: 4px; }
  3212.       notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
  3213.         border-style: solid none; }
  3214.   notebook > header.top tab {
  3215.     padding-bottom: 3px; }
  3216.   notebook > header.bottom tab {
  3217.     padding-top: 3px; }
  3218.   notebook > header button {
  3219.     margin-top: 1px;
  3220.     margin-bottom: 1px;
  3221.     padding: 1px 1px; }
  3222.  
  3223. notebook > stack:not(:only-child) {
  3224.   background-color: #181b28; }
  3225.   notebook > stack:not(:only-child):backdrop {
  3226.     background-color: #1a1d2b; }
  3227.  
  3228. /*********
  3229.  * Paned *
  3230.  *********/
  3231. paned > separator {
  3232.   min-width: 1px;
  3233.   min-height: 1px;
  3234.   -gtk-icon-source: none;
  3235.   border-style: none;
  3236.   background-color: transparent;
  3237.   background-image: image(rgba(12, 14, 21, 0.8));
  3238.   background-size: 1px 1px; }
  3239.   paned > separator:selected {
  3240.     background-image: image(#144dff); }
  3241.   paned > separator:backdrop {
  3242.     background-image: image(rgba(13, 16, 23, 0.82)); }
  3243.   paned > separator.wide {
  3244.     min-width: 5px;
  3245.     min-height: 5px;
  3246.     background-color: #161925;
  3247.     background-image: image(rgba(12, 14, 21, 0.8)), image(rgba(12, 14, 21, 0.8));
  3248.     background-size: 1px 1px, 1px 1px; }
  3249.     paned > separator.wide:backdrop {
  3250.       background-color: #161925;
  3251.       background-image: image(rgba(13, 16, 23, 0.82)), image(rgba(13, 16, 23, 0.82)); }
  3252.  
  3253. paned.horizontal > separator {
  3254.   background-repeat: repeat-y; }
  3255.   paned.horizontal > separator:dir(ltr) {
  3256.     margin: 0 -8px 0 0;
  3257.     padding: 0 8px 0 0;
  3258.     background-position: left; }
  3259.   paned.horizontal > separator:dir(rtl) {
  3260.     margin: 0 0 0 -8px;
  3261.     padding: 0 0 0 8px;
  3262.     background-position: right; }
  3263.   paned.horizontal > separator.wide {
  3264.     margin: 0;
  3265.     padding: 0;
  3266.     background-repeat: repeat-y, repeat-y;
  3267.     background-position: left, right; }
  3268.  
  3269. paned.vertical > separator {
  3270.   margin: 0 0 -8px 0;
  3271.   padding: 0 0 8px 0;
  3272.   background-repeat: repeat-x;
  3273.   background-position: top; }
  3274.   paned.vertical > separator.wide {
  3275.     margin: 0;
  3276.     padding: 0;
  3277.     background-repeat: repeat-x, repeat-x;
  3278.     background-position: bottom, top; }
  3279.  
  3280. /************
  3281.  * Pathbars *
  3282.  ************/
  3283. .path-bar button.text-button, .path-bar button.image-button, .path-bar button {
  3284.   padding-left: 4px;
  3285.   padding-right: 4px; }
  3286.  
  3287. .path-bar button.text-button.image-button label {
  3288.   padding-left: 0;
  3289.   padding-right: 0; }
  3290.  
  3291. .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
  3292.   padding-right: 8px; }
  3293.  
  3294. .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
  3295.   padding-left: 8px; }
  3296.  
  3297. .path-bar button image {
  3298.   padding-left: 4px;
  3299.   padding-right: 4px; }
  3300.  
  3301. .path-bar button.slider-button {
  3302.   padding-left: 0;
  3303.   padding-right: 0; }
  3304.  
  3305. /***************
  3306.  * Popovers   *
  3307.  ***************/
  3308. popover.background {
  3309.   padding: 2px;
  3310.   border-radius: 5px;
  3311.   background: linear-gradient(to bottom, #1a1d2b, #12151f);
  3312.   box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); }
  3313.   .csd popover.background, popover.background {
  3314.     border: 1px solid rgba(12, 14, 21, 0.8); }
  3315.   popover.background:backdrop {
  3316.     background-color: #161925;
  3317.     box-shadow: none; }
  3318.   popover.background > list,
  3319.   popover.background > .view,
  3320.   popover.background > iconview,
  3321.   popover.background > toolbar {
  3322.     border-style: none;
  3323.     background-color: transparent; }
  3324.   .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier {
  3325.     border: 1px solid rgba(255, 255, 255, 0.1); }
  3326.   popover.background separator {
  3327.     margin: 3px; }
  3328.   popover.background list separator {
  3329.     margin: 0px; }
  3330.  
  3331. /*****************
  3332.  * Progress bars *
  3333.  *****************/
  3334. progressbar {
  3335.   font-size: smaller;
  3336.   color: rgba(195, 199, 209, 0.4); }
  3337.   progressbar.horizontal trough,
  3338.   progressbar.horizontal progress {
  3339.     min-height: 6px; }
  3340.   progressbar.vertical trough,
  3341.   progressbar.vertical progress {
  3342.     min-width: 6px; }
  3343.   progressbar.horizontal progress {
  3344.     margin: 0; }
  3345.   progressbar.vertical progress {
  3346.     margin: 0;
  3347.     background: linear-gradient(to bottom, #00f17d, #00f7d2); }
  3348.   progressbar:backdrop {
  3349.     box-shadow: none;
  3350.     transition: 200ms ease-out; }
  3351.   progressbar.osd {
  3352.     min-width: 3px;
  3353.     min-height: 3px;
  3354.     background-color: transparent; }
  3355.     progressbar.osd trough {
  3356.       border-style: none;
  3357.       border-radius: 0;
  3358.       background-color: transparent;
  3359.       box-shadow: none; }
  3360.     progressbar.osd progress {
  3361.       border-style: none;
  3362.       border-radius: 0; }
  3363.  
  3364. /************
  3365.  * GtkScale *
  3366.  ************/
  3367. progressbar trough, scale trough, scale fill {
  3368.   background-color: rgba(255, 255, 255, 0.14);
  3369.   border: none;
  3370.   border-radius: 3px;
  3371.   margin: 0; }
  3372.   progressbar trough:disabled, scale trough:disabled, scale fill:disabled {
  3373.     background-color: rgba(255, 255, 255, 0.06); }
  3374.   progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop {
  3375.     background-color: rgba(255, 255, 255, 0.06);
  3376.     transition: 200ms ease-out; }
  3377.     progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled {
  3378.       background-color: rgba(255, 255, 255, 0.06); }
  3379.  
  3380. progressbar progress, scale highlight {
  3381.   border: none;
  3382.   background: linear-gradient(to right, #0151c7, #00acff);
  3383.   border-radius: 3px;
  3384.   margin: 0; }
  3385.   progressbar progress:disabled, scale highlight:disabled {
  3386.     border: none;
  3387.     background-color: rgba(255, 255, 255, 0.14); }
  3388.   progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop {
  3389.     border-color: #db10ea;
  3390.     background-color: #db10ea; }
  3391.     progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled {
  3392.       background-color: rgba(255, 255, 255, 0.06); }
  3393.  
  3394. scale {
  3395.   min-height: 16px;
  3396.   min-width: 16px;
  3397.   padding: 8px; }
  3398.   scale.horizontal trough,
  3399.   scale.horizontal progress {
  3400.     min-height: 6px; }
  3401.   scale.vertical trough,
  3402.   scale.vertical progress {
  3403.     min-width: 6px; }
  3404.   scale.vertical highlight {
  3405.     background: linear-gradient(to bottom, #00f17d, #00f7d2); }
  3406.   scale slider {
  3407.     min-height: 15px;
  3408.     min-width: 15px;
  3409.     margin: -7px;
  3410.     background-color: #181b28;
  3411.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  3412.     border-radius: 12px;
  3413.     transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  3414.     transition-property: background, border, box-shadow; }
  3415.     scale slider:active {
  3416.       background-color: #144dff; }
  3417.       scale slider:active:disabled {
  3418.         background-color: #171a26;
  3419.         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3420.   scale.fine-tune.horizontal {
  3421.     padding-top: 9px;
  3422.     padding-bottom: 9px;
  3423.     min-height: 16px; }
  3424.   scale.fine-tune.vertical {
  3425.     padding-left: 9px;
  3426.     padding-right: 9px;
  3427.     min-width: 16px; }
  3428.   scale.fine-tune slider {
  3429.     margin: -6px; }
  3430.   scale.fine-tune fill,
  3431.   scale.fine-tune highlight,
  3432.   scale.fine-tune trough {
  3433.     border-radius: 5px;
  3434.     -gtk-outline-radius: 7px; }
  3435.   scale trough {
  3436.     outline-offset: 2px;
  3437.     -gtk-outline-radius: 5px;
  3438.     outline-color: transparent; }
  3439.   scale fill:backdrop, scale fill {
  3440.     background-color: rgba(12, 14, 21, 0.8); }
  3441.   scale fill:disabled:backdrop, scale fill:disabled {
  3442.     border-color: transparent;
  3443.     background-color: transparent; }
  3444.   .osd scale fill {
  3445.     background-color: rgba(97, 97, 97, 0.775); }
  3446.     .osd scale fill:disabled:backdrop, .osd scale fill:disabled {
  3447.       border-color: transparent;
  3448.       background-color: transparent; }
  3449.   scale slider {
  3450.     border-color: #181b28;
  3451.     border: 2px solid #00f17d;
  3452.     border-radius: 12px;
  3453.     background-color: #292f45; }
  3454.     scale slider:active {
  3455.       border-color: #980ba2; }
  3456.     scale slider:disabled {
  3457.       background-color: #0c0e15;
  3458.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
  3459.     scale slider:backdrop, scale slider:backdrop:disabled {
  3460.       transition: 200ms ease-out;
  3461.       background-color: #0c0e15;
  3462.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
  3463.     row:selected scale slider:disabled, row:selected scale slider {
  3464.       border-color: #980ba2; }
  3465.     .osd scale slider {
  3466.       color: #fefefe;
  3467.       border-color: rgba(0, 0, 0, 0.7);
  3468.       background-color: rgba(16, 19, 27, 0.98);
  3469.       background-clip: padding-box;
  3470.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  3471.       text-shadow: 0 1px black;
  3472.       -gtk-icon-shadow: 0 1px black;
  3473.       outline-color: rgba(254, 254, 254, 0.3);
  3474.       border-color: rgba(0, 0, 0, 0.7);
  3475.       background-color: #10131b; }
  3476.       .osd scale slider:hover {
  3477.         color: white;
  3478.         border-color: rgba(0, 0, 0, 0.7);
  3479.         background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98));
  3480.         background-clip: padding-box;
  3481.         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  3482.         text-shadow: 0 1px black;
  3483.         -gtk-icon-shadow: 0 1px black;
  3484.         outline-color: rgba(254, 254, 254, 0.3);
  3485.         background-color: #10131b; }
  3486.       .osd scale slider:active {
  3487.         color: white;
  3488.         border-color: rgba(0, 0, 0, 0.7);
  3489.         background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98));
  3490.         background-clip: padding-box;
  3491.         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  3492.         text-shadow: none;
  3493.         -gtk-icon-shadow: none;
  3494.         outline-color: rgba(254, 254, 254, 0.3);
  3495.         background-color: #10131b; }
  3496.       .osd scale slider:disabled {
  3497.         color: #87888d;
  3498.         border-color: rgba(0, 0, 0, 0.7);
  3499.         background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  3500.         background-clip: padding-box;
  3501.         box-shadow: none;
  3502.         text-shadow: none;
  3503.         -gtk-icon-shadow: none;
  3504.         background-color: #10131b; }
  3505.       .osd scale slider:backdrop {
  3506.         color: #fefefe;
  3507.         border-color: rgba(0, 0, 0, 0.7);
  3508.         background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98));
  3509.         background-clip: padding-box;
  3510.         box-shadow: none;
  3511.         text-shadow: none;
  3512.         -gtk-icon-shadow: none;
  3513.         background-color: #10131b; }
  3514.         .osd scale slider:backdrop:disabled {
  3515.           background-color: #10131b; }
  3516.   scale value {
  3517.     color: alpha(currentColor,0.4); }
  3518.   scale marks {
  3519.     color: alpha(currentColor,0.4); }
  3520.     scale marks.top {
  3521.       margin-bottom: 6px;
  3522.       margin-top: -12px; }
  3523.     scale marks.bottom {
  3524.       margin-top: 6px;
  3525.       margin-bottom: -12px; }
  3526.     scale marks.top {
  3527.       margin-right: 6px;
  3528.       margin-left: -12px; }
  3529.     scale marks.bottom {
  3530.       margin-left: 6px;
  3531.       margin-right: -12px; }
  3532.   scale.fine-tune marks.top {
  3533.     margin-bottom: 6px;
  3534.     margin-top: -9px; }
  3535.   scale.fine-tune marks.bottom {
  3536.     margin-top: 6px;
  3537.     margin-bottom: -9px; }
  3538.   scale.fine-tune marks.top {
  3539.     margin-right: 6px;
  3540.     margin-left: -9px; }
  3541.   scale.fine-tune marks.bottom {
  3542.     margin-left: 6px;
  3543.     margin-right: -9px; }
  3544.   scale.horizontal indicator {
  3545.     min-height: 6px;
  3546.     min-width: 1px; }
  3547.   scale.horizontal.fine-tune indicator {
  3548.     min-height: 3px; }
  3549.   scale.vertical indicator {
  3550.     min-height: 1px;
  3551.     min-width: 6px; }
  3552.   scale.vertical.fine-tune indicator {
  3553.     min-width: 3px; }
  3554.   scale.horizontal.marks-before:not(.marks-after) slider {
  3555.     min-height: 15px;
  3556.     min-width: 15px;
  3557.     margin: -7px;
  3558.     border: 2px solid #00f17d;
  3559.     border-radius: 50%;
  3560.     background-color: #292f45;
  3561.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3562.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3563.     margin: -7px; }
  3564.   scale.horizontal.marks-before:not(.marks-after) slider:hover {
  3565.     min-height: 15px;
  3566.     min-width: 15px;
  3567.     margin: -7px;
  3568.     border: 2px solid #00f17d;
  3569.     border-radius: 50%;
  3570.     background-color: #292f45;
  3571.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3572.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3573.     margin: -7px; }
  3574.   scale.horizontal.marks-before:not(.marks-after) slider:active {
  3575.     min-height: 15px;
  3576.     min-width: 15px;
  3577.     margin: -7px;
  3578.     border: 2px solid #00f17d;
  3579.     border-radius: 50%;
  3580.     background-color: #292f45;
  3581.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3582.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3583.     margin: -7px; }
  3584.   scale.horizontal.marks-before:not(.marks-after) slider:disabled {
  3585.     min-height: 15px;
  3586.     min-width: 15px;
  3587.     margin: -7px;
  3588.     border: 2px solid #00f17d;
  3589.     border-radius: 50%;
  3590.     background-color: #292f45;
  3591.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3592.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3593.     margin: -7px; }
  3594.   scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
  3595.     min-height: 15px;
  3596.     min-width: 15px;
  3597.     margin: -7px;
  3598.     border: 2px solid #00f17d;
  3599.     border-radius: 50%;
  3600.     background-color: #292f45;
  3601.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3602.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3603.     margin: -7px; }
  3604.   scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
  3605.     min-height: 15px;
  3606.     min-width: 15px;
  3607.     margin: -7px;
  3608.     border: 2px solid #00f17d;
  3609.     border-radius: 50%;
  3610.     background-color: #292f45;
  3611.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3612.   scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
  3613.     margin: -7px; }
  3614.   scale.horizontal.marks-after:not(.marks-before) slider {
  3615.     min-height: 15px;
  3616.     min-width: 15px;
  3617.     margin: -7px;
  3618.     border: 2px solid #00f17d;
  3619.     border-radius: 50%;
  3620.     background-color: #292f45;
  3621.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3622.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3623.     margin: -7px; }
  3624.   scale.horizontal.marks-after:not(.marks-before) slider:hover {
  3625.     min-height: 15px;
  3626.     min-width: 15px;
  3627.     margin: -7px;
  3628.     border: 2px solid #00f17d;
  3629.     border-radius: 50%;
  3630.     background-color: #292f45;
  3631.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3632.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3633.     margin: -7px; }
  3634.   scale.horizontal.marks-after:not(.marks-before) slider:active {
  3635.     min-height: 15px;
  3636.     min-width: 15px;
  3637.     margin: -7px;
  3638.     border: 2px solid #00f17d;
  3639.     border-radius: 50%;
  3640.     background-color: #292f45;
  3641.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3642.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3643.     margin: -7px; }
  3644.   scale.horizontal.marks-after:not(.marks-before) slider:disabled {
  3645.     min-height: 15px;
  3646.     min-width: 15px;
  3647.     margin: -7px;
  3648.     border: 2px solid #00f17d;
  3649.     border-radius: 50%;
  3650.     background-color: #292f45;
  3651.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3652.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3653.     margin: -7px; }
  3654.   scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
  3655.     min-height: 15px;
  3656.     min-width: 15px;
  3657.     margin: -7px;
  3658.     border: 2px solid #00f17d;
  3659.     border-radius: 50%;
  3660.     background-color: #292f45;
  3661.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3662.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3663.     margin: -7px; }
  3664.   scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
  3665.     min-height: 15px;
  3666.     min-width: 15px;
  3667.     margin: -7px;
  3668.     border: 2px solid #00f17d;
  3669.     border-radius: 50%;
  3670.     background-color: #292f45;
  3671.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3672.   scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
  3673.     margin: -7px; }
  3674.   scale.vertical.marks-before:not(.marks-after) slider {
  3675.     min-height: 15px;
  3676.     min-width: 15px;
  3677.     margin: -7px;
  3678.     border: 2px solid #00f17d;
  3679.     border-radius: 50%;
  3680.     background-color: #292f45;
  3681.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3682.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3683.     margin: -7px; }
  3684.   scale.vertical.marks-before:not(.marks-after) slider:hover {
  3685.     min-height: 15px;
  3686.     min-width: 15px;
  3687.     margin: -7px;
  3688.     border: 2px solid #00f17d;
  3689.     border-radius: 50%;
  3690.     background-color: #292f45;
  3691.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3692.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3693.     margin: -7px; }
  3694.   scale.vertical.marks-before:not(.marks-after) slider:active {
  3695.     min-height: 15px;
  3696.     min-width: 15px;
  3697.     margin: -7px;
  3698.     border: 2px solid #00f17d;
  3699.     border-radius: 50%;
  3700.     background-color: #292f45;
  3701.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3702.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3703.     margin: -7px; }
  3704.   scale.vertical.marks-before:not(.marks-after) slider:disabled {
  3705.     min-height: 15px;
  3706.     min-width: 15px;
  3707.     margin: -7px;
  3708.     border: 2px solid #00f17d;
  3709.     border-radius: 50%;
  3710.     background-color: #292f45;
  3711.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3712.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3713.     margin: -7px; }
  3714.   scale.vertical.marks-before:not(.marks-after) slider:backdrop {
  3715.     min-height: 15px;
  3716.     min-width: 15px;
  3717.     margin: -7px;
  3718.     border: 2px solid #00f17d;
  3719.     border-radius: 50%;
  3720.     background-color: #292f45;
  3721.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3722.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3723.     margin: -7px; }
  3724.   scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
  3725.     min-height: 15px;
  3726.     min-width: 15px;
  3727.     margin: -7px;
  3728.     border: 2px solid #00f17d;
  3729.     border-radius: 50%;
  3730.     background-color: #292f45;
  3731.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3732.   scale.vertical.marks-before:not(.marks-after).fine-tune slider {
  3733.     margin: -7px; }
  3734.   scale.vertical.marks-after:not(.marks-before) slider {
  3735.     min-height: 15px;
  3736.     min-width: 15px;
  3737.     margin: -7px;
  3738.     border: 2px solid #00f17d;
  3739.     border-radius: 50%;
  3740.     background-color: #292f45;
  3741.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3742.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3743.     margin: -7px; }
  3744.   scale.vertical.marks-after:not(.marks-before) slider:hover {
  3745.     min-height: 15px;
  3746.     min-width: 15px;
  3747.     margin: -7px;
  3748.     border: 2px solid #00f17d;
  3749.     border-radius: 50%;
  3750.     background-color: #292f45;
  3751.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3752.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3753.     margin: -7px; }
  3754.   scale.vertical.marks-after:not(.marks-before) slider:active {
  3755.     min-height: 15px;
  3756.     min-width: 15px;
  3757.     margin: -7px;
  3758.     border: 2px solid #00f17d;
  3759.     border-radius: 50%;
  3760.     background-color: #292f45;
  3761.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3762.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3763.     margin: -7px; }
  3764.   scale.vertical.marks-after:not(.marks-before) slider:disabled {
  3765.     min-height: 15px;
  3766.     min-width: 15px;
  3767.     margin: -7px;
  3768.     border: 2px solid #00f17d;
  3769.     border-radius: 50%;
  3770.     background-color: #292f45;
  3771.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3772.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3773.     margin: -7px; }
  3774.   scale.vertical.marks-after:not(.marks-before) slider:backdrop {
  3775.     min-height: 15px;
  3776.     min-width: 15px;
  3777.     margin: -7px;
  3778.     border: 2px solid #00f17d;
  3779.     border-radius: 50%;
  3780.     background-color: #292f45;
  3781.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3782.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3783.     margin: -7px; }
  3784.   scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
  3785.     min-height: 15px;
  3786.     min-width: 15px;
  3787.     margin: -7px;
  3788.     border: 2px solid #00f17d;
  3789.     border-radius: 50%;
  3790.     background-color: #292f45;
  3791.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
  3792.   scale.vertical.marks-after:not(.marks-before).fine-tune slider {
  3793.     margin: -7px; }
  3794.   scale.color {
  3795.     min-height: 0;
  3796.     min-width: 0; }
  3797.     scale.color trough {
  3798.       background-image: image(rgba(12, 14, 21, 0.8));
  3799.       background-repeat: no-repeat; }
  3800.     scale.color.horizontal {
  3801.       padding: 0 0 15px 0; }
  3802.       scale.color.horizontal trough {
  3803.         padding-bottom: 4px;
  3804.         background-position: 0 -3px;
  3805.         border-top-left-radius: 0;
  3806.         border-top-right-radius: 0; }
  3807.       scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) {
  3808.         margin-bottom: -15px;
  3809.         margin-top: 6px; }
  3810.     scale.color.vertical:dir(ltr) {
  3811.       padding: 0 0 0 15px; }
  3812.       scale.color.vertical:dir(ltr) trough {
  3813.         padding-left: 4px;
  3814.         background-position: 3px 0;
  3815.         border-bottom-right-radius: 0;
  3816.         border-top-right-radius: 0; }
  3817.       scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider {
  3818.         margin-left: -15px;
  3819.         margin-right: 6px; }
  3820.     scale.color.vertical:dir(rtl) {
  3821.       padding: 0 15px 0 0; }
  3822.       scale.color.vertical:dir(rtl) trough {
  3823.         padding-right: 4px;
  3824.         background-position: -3px 0;
  3825.         border-bottom-left-radius: 0;
  3826.         border-top-left-radius: 0; }
  3827.       scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider {
  3828.         margin-right: -15px;
  3829.         margin-left: 6px; }
  3830.     scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) {
  3831.       padding: 0 0 12px 0; }
  3832.       scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough {
  3833.         padding-bottom: 7px;
  3834.         background-position: 0 -6px; }
  3835.       scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider {
  3836.         margin-bottom: -15px;
  3837.         margin-top: 6px; }
  3838.     scale.color.fine-tune.vertical:dir(ltr) {
  3839.       padding: 0 0 0 12px; }
  3840.       scale.color.fine-tune.vertical:dir(ltr) trough {
  3841.         padding-left: 7px;
  3842.         background-position: 6px 0; }
  3843.       scale.color.fine-tune.vertical:dir(ltr) slider {
  3844.         margin-left: -15px;
  3845.         margin-right: 6px; }
  3846.     scale.color.fine-tune.vertical:dir(rtl) {
  3847.       padding: 0 12px 0 0; }
  3848.       scale.color.fine-tune.vertical:dir(rtl) trough {
  3849.         padding-right: 7px;
  3850.         background-position: -6px 0; }
  3851.       scale.color.fine-tune.vertical:dir(rtl) slider {
  3852.         margin-right: -15px;
  3853.         margin-left: 6px; }
  3854.  
  3855. /**************
  3856.  * Scrollbars *
  3857.  **************/
  3858. scrollbar {
  3859.   background-color: #171a27;
  3860.   transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  3861.   * {
  3862.     -GtkScrollbar-has-backward-stepper: false;
  3863.     -GtkScrollbar-has-forward-stepper: false; }
  3864.   scrollbar.top {
  3865.     border-bottom: 1px solid rgba(12, 14, 21, 0.8); }
  3866.   scrollbar.bottom {
  3867.     border-top: 1px solid rgba(12, 14, 21, 0.8); }
  3868.   scrollbar.left {
  3869.     border-right: 1px solid rgba(12, 14, 21, 0.8); }
  3870.   scrollbar.right {
  3871.     border-left: 1px solid rgba(12, 14, 21, 0.8); }
  3872.   scrollbar:backdrop {
  3873.     background-color: #10131b;
  3874.     border-color: rgba(13, 16, 23, 0.82);
  3875.     transition: 200ms ease-out; }
  3876.   scrollbar slider {
  3877.     min-width: 6px;
  3878.     min-height: 6px;
  3879.     margin: -1px;
  3880.     border: 4px solid transparent;
  3881.     border-radius: 8px;
  3882.     background-clip: padding-box;
  3883.     background-color: #0151c7; }
  3884.     scrollbar slider:hover {
  3885.       background-color: #a0a4af; }
  3886.     scrollbar slider:hover:active {
  3887.       background-color: #0151c7; }
  3888.     scrollbar slider:backdrop {
  3889.       background-color: #393c47; }
  3890.     scrollbar slider:disabled {
  3891.       background-color: transparent; }
  3892.   scrollbar.fine-tune slider {
  3893.     min-width: 4px;
  3894.     min-height: 4px; }
  3895.   scrollbar.fine-tune.horizontal slider {
  3896.     border-width: 5px 4px; }
  3897.   scrollbar.fine-tune.vertical slider {
  3898.     border-width: 4px 5px; }
  3899.   scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
  3900.     border-color: transparent;
  3901.     opacity: 0.4;
  3902.     background-color: transparent; }
  3903.     scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
  3904.       margin: 0;
  3905.       min-width: 3px;
  3906.       min-height: 3px;
  3907.       background-color: #C3C7D1;
  3908.       border: 1px solid black; }
  3909.     scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
  3910.       min-width: 5px;
  3911.       min-height: 5px;
  3912.       background-color: #C3C7D1;
  3913.       background-clip: padding-box;
  3914.       border-radius: 100%;
  3915.       border: 1px solid black;
  3916.       -gtk-icon-source: none; }
  3917.     scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
  3918.       margin: 0 2px;
  3919.       min-width: 40px; }
  3920.     scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
  3921.       margin: 1px 2px;
  3922.       min-width: 5px; }
  3923.     scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
  3924.       margin: 2px 0;
  3925.       min-height: 40px; }
  3926.     scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
  3927.       margin: 2px 1px;
  3928.       min-height: 5px; }
  3929.   scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
  3930.     opacity: 0.8; }
  3931.   scrollbar.horizontal slider {
  3932.     min-width: 40px; }
  3933.   scrollbar.vertical slider {
  3934.     min-height: 40px; }
  3935.   scrollbar button {
  3936.     padding: 0;
  3937.     min-width: 12px;
  3938.     min-height: 12px;
  3939.     border-style: none;
  3940.     border-radius: 0;
  3941.     transition-property: min-height, min-width, color;
  3942.     background-color: transparent;
  3943.     background-image: none;
  3944.     border-color: transparent;
  3945.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3946.     text-shadow: none;
  3947.     -gtk-icon-shadow: none;
  3948.     color: #7e818c; }
  3949.     scrollbar button:hover {
  3950.       background-color: transparent;
  3951.       background-image: none;
  3952.       border-color: transparent;
  3953.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3954.       text-shadow: none;
  3955.       -gtk-icon-shadow: none;
  3956.       color: #a0a4af; }
  3957.     scrollbar button:active, scrollbar button:checked {
  3958.       background-color: transparent;
  3959.       background-image: none;
  3960.       border-color: transparent;
  3961.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3962.       text-shadow: none;
  3963.       -gtk-icon-shadow: none;
  3964.       color: #e323f0; }
  3965.     scrollbar button:disabled {
  3966.       background-color: transparent;
  3967.       background-image: none;
  3968.       border-color: transparent;
  3969.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3970.       text-shadow: none;
  3971.       -gtk-icon-shadow: none;
  3972.       color: rgba(126, 129, 140, 0.2); }
  3973.     scrollbar button:backdrop {
  3974.       background-color: transparent;
  3975.       background-image: none;
  3976.       border-color: transparent;
  3977.       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3978.       text-shadow: none;
  3979.       -gtk-icon-shadow: none;
  3980.       color: #393c47; }
  3981.       scrollbar button:backdrop:disabled {
  3982.         background-color: transparent;
  3983.         background-image: none;
  3984.         border-color: transparent;
  3985.         box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  3986.         text-shadow: none;
  3987.         -gtk-icon-shadow: none;
  3988.         color: rgba(57, 60, 71, 0.2); }
  3989.   scrollbar.vertical button.down {
  3990.     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  3991.   scrollbar.vertical button.up {
  3992.     -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
  3993.   scrollbar.horizontal button.down {
  3994.     -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
  3995.   scrollbar.horizontal button.up {
  3996.     -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
  3997.  
  3998. treeview ~ scrollbar.vertical {
  3999.   border-top: 1px solid rgba(12, 14, 21, 0.8);
  4000.   margin-top: -1px; }
  4001.  
  4002. /***********
  4003.  * Sidebar *
  4004.  ***********/
  4005. .sidebar {
  4006.   border-style: none;
  4007.   border-width: 0;
  4008.   background-color: #171a27; }
  4009.   .sidebar .frame {
  4010.     border: none; }
  4011.   stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
  4012.     border-right: none;
  4013.     border-left-style: none; }
  4014.   stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right {
  4015.     border-left: 1px solid rgba(12, 14, 21, 0.8);
  4016.     border-right-style: none; }
  4017.   .sidebar:backdrop {
  4018.     background-color: #181b28;
  4019.     border-color: rgba(13, 16, 23, 0.82); }
  4020.   .sidebar row {
  4021.     padding: 8px 12px;
  4022.     transition: all .12s ease-in; }
  4023.     .sidebar row label {
  4024.       color: #98abb2; }
  4025.     .sidebar row:selected {
  4026.       color: #fefefe; }
  4027.       .sidebar row:selected:backdrop {
  4028.         color: rgba(254, 254, 254, 0.5);
  4029.         background: rgba(197, 14, 210, 0.6); }
  4030.         .sidebar row:selected:backdrop label {
  4031.           color: #fefefe; }
  4032.       .sidebar row:selected label {
  4033.         color: #fefefe; }
  4034.   .sidebar.source-list {
  4035.     background: #161925;
  4036.     padding: 4px 0px; }
  4037.     .sidebar.source-list.view, iconview.sidebar.source-list {
  4038.       transition: all .12s ease-in; }
  4039.       .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected {
  4040.         background-color: #144dff;
  4041.         color: #fefefe; }
  4042.         .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active {
  4043.           box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
  4044.         .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover {
  4045.           background-color: rgba(197, 14, 210, 0.9); }
  4046.         .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop {
  4047.           background-color: rgba(197, 14, 210, 0.6); }
  4048.       .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover {
  4049.         background-color: rgba(0, 0, 0, 0.13); }
  4050.   paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
  4051.     border-style: none;
  4052.     border-color: rgba(12, 14, 21, 0.8); }
  4053.  
  4054. stacksidebar row {
  4055.   padding: 10px 4px; }
  4056.   stacksidebar row > label {
  4057.     padding-left: 6px;
  4058.     padding-right: 6px; }
  4059.   stacksidebar row.needs-attention > label {
  4060.     background-size: 6px 6px, 0 0; }
  4061.  
  4062. /*******************************************************************/
  4063. /*                  PLACESSIDEBAR                                  */
  4064. /*******************************************************************/
  4065. /*--*/
  4066. placessidebar.sidebar {
  4067.   background-color: transparent;
  4068.   background-image: linear-gradient(to right, #171e27 40px, #161925 35px, #161925 36px, #161925 36px, #161925 99%, #161925 100%); }
  4069.   placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon {
  4070.     margin-left: -14px;
  4071.     margin-right: 12px;
  4072.     padding-left: 14px;
  4073.     padding-right: 12px;
  4074.     color: #9ecfa2; }
  4075.   placessidebar.sidebar row.sidebar-row:hover {
  4076.     transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  4077.     color: rgba(0, 0, 0, 0.76);
  4078.     background-color: transparent;
  4079.     /*rgba(65,67,75,0.4); */
  4080.     background-image: linear-gradient(to right, rgba(65, 67, 75, 0) 40px, rgba(0, 0, 0, 0.12) 40px, rgba(0, 0, 0, 0.12) 97%); }
  4081.   placessidebar.sidebar row.sidebar-row:active:hover {
  4082.     color: rgba(0, 0, 0, 0.76);
  4083.     background-color: rgba(0, 0, 0, 0.23); }
  4084.   placessidebar.sidebar row.sidebar-row:selected {
  4085.     color: rgba(255, 255, 255, 0.938);
  4086.     background-color: transparent;
  4087.     background-image: linear-gradient(to right, #144dff 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
  4088.     placessidebar.sidebar row.sidebar-row:selected:hover {
  4089.       color: #ffffff;
  4090.       background-color: rgba(0, 0, 0, 0.24); }
  4091.       placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon {
  4092.         color: #ffffff; }
  4093.     placessidebar.sidebar row.sidebar-row:selected:backdrop {
  4094.       color: rgba(0, 0, 0, 0.54);
  4095.       background-color: transparent;
  4096.       background-image: linear-gradient(to right, #144dff 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
  4097.       placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon {
  4098.         color: rgba(254, 254, 254, 0.5);
  4099.         -gtk-icon-shadow: 0 1px rgba(254, 254, 254, 0.3); }
  4100.     placessidebar.sidebar row.sidebar-row:selected .sidebar-icon {
  4101.       -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
  4102.       color: inherit; }
  4103.   placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon {
  4104.     color: #f9dc5c; }
  4105.   placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) {
  4106.     box-shadow: inset 0 1px #71f79f, inset 0 -1px #71f79f; }
  4107.     placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image {
  4108.       color: #71f79f; }
  4109.     placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected {
  4110.       background: #71f79f; }
  4111.       placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image {
  4112.         color: #fefefe; }
  4113.  
  4114. placessidebar list {
  4115.   background-color: transparent; }
  4116.   placessidebar list:backdrop {
  4117.     background-color: transparent; }
  4118.  
  4119. /*****************
  4120.  * GtkSpinButton *
  4121.  *****************/
  4122. spinbutton:not(.vertical) {
  4123.   padding: 0; }
  4124.   spinbutton:not(.vertical) entry {
  4125.     min-width: 28px;
  4126.     margin: 0;
  4127.     background: none;
  4128.     background-color: transparent;
  4129.     border: none;
  4130.     border-radius: 0;
  4131.     box-shadow: none; }
  4132.   spinbutton:not(.vertical) button {
  4133.     min-height: 16px;
  4134.     margin: 0;
  4135.     padding-bottom: 0;
  4136.     padding-top: 0;
  4137.     color: #b2b6c0;
  4138.     background-image: none;
  4139.     border-style: none none none solid;
  4140.     border-color: rgba(12, 14, 21, 0.1);
  4141.     border-radius: 0;
  4142.     box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); }
  4143.     spinbutton:not(.vertical) button:dir(rtl) {
  4144.       border-style: none solid none none; }
  4145.     spinbutton:not(.vertical) button:hover {
  4146.       color: #C3C7D1;
  4147.       background-color: rgba(195, 199, 209, 0.05); }
  4148.     spinbutton:not(.vertical) button:disabled {
  4149.       color: rgba(109, 112, 123, 0.3); }
  4150.     spinbutton:not(.vertical) button:active {
  4151.       background-color: rgba(0, 0, 0, 0.1);
  4152.       box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
  4153.     spinbutton:not(.vertical) button:backdrop {
  4154.       color: #656873;
  4155.       background-color: transparent;
  4156.       border-color: rgba(13, 16, 23, 0.12);
  4157.       transition: 200ms ease-out; }
  4158.     spinbutton:not(.vertical) button:backdrop:disabled {
  4159.       color: rgba(51, 57, 85, 0.3);
  4160.       background-image: none;
  4161.       border-style: none none none solid;
  4162.       box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); }
  4163.       spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
  4164.         border-style: none solid none none; }
  4165.     spinbutton:not(.vertical) button:last-child {
  4166.       border-top-right-radius: 2px;
  4167.       border-bottom-right-radius: 2px; }
  4168.  
  4169. .osd spinbutton:not(.vertical) button {
  4170.   background-color: transparent;
  4171.   background-image: none;
  4172.   border-color: transparent;
  4173.   box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  4174.   text-shadow: none;
  4175.   -gtk-icon-shadow: none;
  4176.   color: #fefefe;
  4177.   border-style: none none none solid;
  4178.   border-color: rgba(0, 0, 0, 0.4);
  4179.   border-radius: 0;
  4180.   box-shadow: none;
  4181.   -gtk-icon-shadow: 0 1px black; }
  4182.   .osd spinbutton:not(.vertical) button:dir(rtl) {
  4183.     border-style: none solid none none; }
  4184.   .osd spinbutton:not(.vertical) button:hover {
  4185.     background-color: transparent;
  4186.     background-image: none;
  4187.     border-color: transparent;
  4188.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  4189.     text-shadow: none;
  4190.     -gtk-icon-shadow: none;
  4191.     color: #fefefe;
  4192.     border-color: rgba(0, 0, 0, 0.5);
  4193.     background-color: rgba(254, 254, 254, 0.1);
  4194.     -gtk-icon-shadow: 0 1px black;
  4195.     box-shadow: none; }
  4196.   .osd spinbutton:not(.vertical) button:backdrop {
  4197.     background-color: transparent;
  4198.     background-image: none;
  4199.     border-color: transparent;
  4200.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  4201.     text-shadow: none;
  4202.     -gtk-icon-shadow: none;
  4203.     color: #fefefe;
  4204.     border-color: rgba(0, 0, 0, 0.5);
  4205.     -gtk-icon-shadow: none;
  4206.     box-shadow: none; }
  4207.   .osd spinbutton:not(.vertical) button:disabled {
  4208.     background-color: transparent;
  4209.     background-image: none;
  4210.     border-color: transparent;
  4211.     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
  4212.     text-shadow: none;
  4213.     -gtk-icon-shadow: none;
  4214.     color: #87888d;
  4215.     border-color: rgba(0, 0, 0, 0.5);
  4216.     -gtk-icon-shadow: none;
  4217.     box-shadow: none; }
  4218.   .osd spinbutton:not(.vertical) button:last-child {
  4219.     border-radius: 0 3px 3px 0; }
  4220.   .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
  4221.     border-radius: 3px 0 0 3px; }
  4222.  
  4223. spinbutton.vertical:disabled {
  4224.   color: #6d707b; }
  4225.  
  4226. spinbutton.vertical:backdrop:disabled {
  4227.   color: #333955; }
  4228.  
  4229. spinbutton.vertical:drop(active) {
  4230.   border-color: transparent;
  4231.   box-shadow: none; }
  4232.  
  4233. spinbutton.vertical entry {
  4234.   min-height: 32px;
  4235.   min-width: 32px;
  4236.   padding: 0;
  4237.   border-radius: 0; }
  4238.  
  4239. spinbutton.vertical button {
  4240.   min-height: 32px;
  4241.   min-width: 32px;
  4242.   padding: 0;
  4243.   border-width: 1px;
  4244.   border-color: rgba(12, 14, 21, 0.8);
  4245.   box-shadow: 0 1px rgba(255, 255, 255, 0.1); }
  4246.  
  4247. spinbutton.vertical button.up {
  4248.   border-radius: 3px 3px 0 0;
  4249.   border-style: solid solid none solid; }
  4250.  
  4251. spinbutton.vertical button.down {
  4252.   border-radius: 0 0 3px 3px;
  4253.   border-style: none solid solid solid; }
  4254.  
  4255. .osd spinbutton.vertical button:first-child {
  4256.   color: #fefefe;
  4257.   border-color: rgba(0, 0, 0, 0.7);
  4258.   background-color: rgba(16, 19, 27, 0.98);
  4259.   background-clip: padding-box;
  4260.   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  4261.   text-shadow: 0 1px black;
  4262.   -gtk-icon-shadow: 0 1px black;
  4263.   outline-color: rgba(254, 254, 254, 0.3); }
  4264.   .osd spinbutton.vertical button:first-child:hover {
  4265.     color: white;
  4266.     border-color: rgba(0, 0, 0, 0.7);
  4267.     background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98));
  4268.     background-clip: padding-box;
  4269.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  4270.     text-shadow: 0 1px black;
  4271.     -gtk-icon-shadow: 0 1px black;
  4272.     outline-color: rgba(254, 254, 254, 0.3); }
  4273.   .osd spinbutton.vertical button:first-child:active {
  4274.     color: white;
  4275.     border-color: rgba(0, 0, 0, 0.7);
  4276.     background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98));
  4277.     background-clip: padding-box;
  4278.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  4279.     text-shadow: none;
  4280.     -gtk-icon-shadow: none;
  4281.     outline-color: rgba(254, 254, 254, 0.3); }
  4282.   .osd spinbutton.vertical button:first-child:disabled {
  4283.     color: #87888d;
  4284.     border-color: rgba(0, 0, 0, 0.7);
  4285.     background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  4286.     background-clip: padding-box;
  4287.     box-shadow: none;
  4288.     text-shadow: none;
  4289.     -gtk-icon-shadow: none; }
  4290.   .osd spinbutton.vertical button:first-child:backdrop {
  4291.     color: #fefefe;
  4292.     border-color: rgba(0, 0, 0, 0.7);
  4293.     background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98));
  4294.     background-clip: padding-box;
  4295.     box-shadow: none;
  4296.     text-shadow: none;
  4297.     -gtk-icon-shadow: none; }
  4298.  
  4299. treeview spinbutton:not(.vertical) {
  4300.   min-height: 0;
  4301.   border-style: none;
  4302.   border-radius: 0; }
  4303.   treeview spinbutton:not(.vertical) entry {
  4304.     min-height: 0;
  4305.     padding: 1px 2px; }
  4306.  
  4307. /***********
  4308.  * Spinner *
  4309.  ***********/
  4310. menu spinner {
  4311.   color: #144dff; }
  4312.  
  4313. /*********************
  4314.  * Spinner Animation *
  4315.  *********************/
  4316. @keyframes spin {
  4317.   to {
  4318.     -gtk-icon-transform: rotate(1turn); } }
  4319.  
  4320. spinner {
  4321.   background: none;
  4322.   opacity: 0;
  4323.   -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
  4324.   spinner:checked {
  4325.     opacity: 1;
  4326.     animation: spin 1s linear infinite; }
  4327.     spinner:checked:disabled {
  4328.       opacity: 0.5; }
  4329.  
  4330. /**********
  4331.  * Switch *
  4332.  **********/
  4333. switch {
  4334.   font-size: 1px;
  4335.   font-weight: bold;
  4336.   outline-offset: -4px;
  4337.   transition: all 200ms ease-in;
  4338.   border: 1px solid rgba(12, 14, 21, 0.8);
  4339.   border-radius: 14px;
  4340.   color: transparent;
  4341.   padding: 2.3px 0px;
  4342.   background: linear-gradient(to right, #1E2233, #1E2233); }
  4343.   switch:disabled {
  4344.     background-color: #171a26; }
  4345.   switch:backdrop {
  4346.     background-color: #000000;
  4347.     transition: 200ms ease-out; }
  4348.     switch:backdrop:disabled {
  4349.       background-color: #171a26; }
  4350.   switch:active, switch:checked {
  4351.     /* colori bottoni slider edited by me */
  4352.     background: linear-gradient(to right, #005BFF, #00e8c6); }
  4353.     switch:active slider, switch:checked slider {
  4354.       background: #1D1D1D; }
  4355.     switch:active:backdrop, switch:checked:backdrop {
  4356.       background: linear-gradient(to right, #005BFF, #00e8c6); }
  4357.       switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop {
  4358.         box-shadow: none;
  4359.         background-color: rgba(24, 27, 40, 0.9);
  4360.         border: none; }
  4361.   switch slider {
  4362.     padding: 2px;
  4363.     margin: 0 2.3px;
  4364.     min-width: 12px;
  4365.     min-height: 12px;
  4366.     border-radius: 100%;
  4367.     transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  4368.     background-color: #151723; }
  4369.     switch slider:backdrop {
  4370.       padding: 2px;
  4371.       box-shadow: none;
  4372.       background-color: #000000; }
  4373.   switch trough:active, switch trough:checked {
  4374.     background-color: #0151c7; }
  4375.     switch trough:active:backdrop, switch trough:checked:backdrop {
  4376.       background-color: rgba(197, 14, 210, 0.6); }
  4377.  
  4378. /************
  4379.  * Toolbars *
  4380.  ************/
  4381. toolbar, .inline-toolbar, searchbar,
  4382. .location-bar {
  4383.   -GtkWidget-window-dragging: true;
  4384.   padding: 4px;
  4385.   background-color: #161925; }
  4386.  
  4387. toolbar {
  4388.   padding: 4px 3px 3px 4px; }
  4389.   .osd toolbar {
  4390.     background-color: transparent; }
  4391.   toolbar.osd {
  4392.     padding: 13px;
  4393.     border: none;
  4394.     border-radius: 5px;
  4395.     background-color: rgba(16, 19, 27, 0.98); }
  4396.     toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
  4397.       border-radius: 0; }
  4398.   toolbar.horizontal separator {
  4399.     margin: 0 7px 1px 6px; }
  4400.   toolbar.vertical separator {
  4401.     margin: 6px 1px 7px 0; }
  4402.   toolbar:not(.inline-toolbar):not(.osd) switch,
  4403.   toolbar:not(.inline-toolbar):not(.osd) scale,
  4404.   toolbar:not(.inline-toolbar):not(.osd) entry,
  4405.   toolbar:not(.inline-toolbar):not(.osd) spinbutton,
  4406.   toolbar:not(.inline-toolbar):not(.osd) button {
  4407.     margin-right: 1px;
  4408.     margin-bottom: 1px; }
  4409.  
  4410. .inline-toolbar {
  4411.   padding: 3px;
  4412.   border-width: 0 1px 1px;
  4413.   border-radius: 0  0 5px 5px; }
  4414.  
  4415. searchbar,
  4416. .location-bar {
  4417.   border-width: 0 0 1px;
  4418.   padding: 3px; }
  4419.  
  4420. .inline-toolbar, searchbar,
  4421. .location-bar {
  4422.   border-style: solid;
  4423.   border-color: rgba(12, 14, 21, 0.8);
  4424.   background-color: rgba(20, 23, 33, 0.94); }
  4425.   .inline-toolbar:backdrop, searchbar:backdrop,
  4426.   .location-bar:backdrop {
  4427.     border-color: rgba(13, 16, 23, 0.82);
  4428.     background-color: rgba(20, 23, 33, 0.937);
  4429.     box-shadow: none;
  4430.     transition: 200ms ease-out; }
  4431.  
  4432. searchbar {
  4433.   background: #181b28; }
  4434.  
  4435. /************
  4436.  * Tooltips *
  4437.  ************/
  4438. tooltip {
  4439.   padding: 4px;
  4440.   /* not working */
  4441.   border-radius: 4px;
  4442.   box-shadow: none;
  4443.   text-shadow: 0 1px black; }
  4444.   tooltip.background {
  4445.     background-color: #0c0e15;
  4446.     background-clip: padding-box;
  4447.     border: 1px solid rgba(255, 255, 255, 0.1); }
  4448.   tooltip decoration {
  4449.     background-color: transparent; }
  4450.   tooltip * {
  4451.     padding: 4px;
  4452.     background-color: transparent;
  4453.     color: white; }
  4454.  
  4455. /**************
  4456.  * Tree Views *
  4457.  **************/
  4458. treeview.view {
  4459.   border-left-color: #6d717d;
  4460.   border-top-color: #161925; }
  4461.   * {
  4462.     -GtkTreeView-horizontal-separator: 4;
  4463.     -GtkTreeView-grid-line-width: 1;
  4464.     -GtkTreeView-grid-line-pattern: '';
  4465.     -GtkTreeView-tree-line-width: 1;
  4466.     -GtkTreeView-tree-line-pattern: '';
  4467.     -GtkTreeView-expander-size: 16; }
  4468.   treeview.view:selected:focus, treeview.view:selected {
  4469.     border-radius: 0; }
  4470.   treeview.view:selected:backdrop, treeview.view:selected {
  4471.     border-left-color: #e286e8;
  4472.     border-top-color: rgba(195, 199, 209, 0.1); }
  4473.   treeview.view:disabled {
  4474.     color: #6d707b; }
  4475.     treeview.view:disabled:selected {
  4476.       color: #dc6ee4; }
  4477.       treeview.view:disabled:selected:backdrop {
  4478.         color: rgba(204, 44, 216, 0.85); }
  4479.     treeview.view:disabled:backdrop {
  4480.       color: #333955; }
  4481.   treeview.view.separator {
  4482.     min-height: 2px;
  4483.     color: #161925; }
  4484.     treeview.view.separator:backdrop {
  4485.       color: rgba(22, 25, 37, 0.1); }
  4486.   treeview.view:backdrop {
  4487.     border-left-color: #424550;
  4488.     border-top: #161925; }
  4489.   treeview.view:drop(active) {
  4490.     border-style: solid none;
  4491.     border-width: 1px;
  4492.     border-color: #980ba2; }
  4493.     treeview.view:drop(active).after {
  4494.       border-top-style: none; }
  4495.     treeview.view:drop(active).before {
  4496.       border-bottom-style: none; }
  4497.   treeview.view.expander {
  4498.     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
  4499.     color: #90939e; }
  4500.     treeview.view.expander:dir(rtl) {
  4501.       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
  4502.     treeview.view.expander:hover {
  4503.       color: #C3C7D1; }
  4504.     treeview.view.expander:selected {
  4505.       color: #edb6f1; }
  4506.       treeview.view.expander:selected:hover {
  4507.         color: #fefefe; }
  4508.       treeview.view.expander:selected:backdrop {
  4509.         color: rgba(222, 119, 229, 0.65); }
  4510.     treeview.view.expander:checked {
  4511.       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  4512.     treeview.view.expander:backdrop {
  4513.       color: #545763; }
  4514.   treeview.view.progressbar {
  4515.     border: 1px solid #980ba2;
  4516.     border-radius: 4px;
  4517.     background-color: #144dff;
  4518.     background-image: linear-gradient(to bottom, #144dff, #980ba2);
  4519.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); }
  4520.     treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected {
  4521.       border-radius: 4px;
  4522.       box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
  4523.       background-image: linear-gradient(to bottom, #181b28, #050608); }
  4524.       treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
  4525.         border-color: #1a1d2b;
  4526.         background-color: #1a1d2b; }
  4527.     treeview.view.progressbar:backdrop {
  4528.       border-color: #1a1d2b;
  4529.       background-image: none;
  4530.       box-shadow: none; }
  4531.   treeview.view.trough {
  4532.     background-color: rgba(195, 199, 209, 0.1);
  4533.     border-radius: 4px; }
  4534.     treeview.view.trough:selected:focus, treeview.view.trough:selected {
  4535.       background-color: #980ba2;
  4536.       border-radius: 4px; }
  4537.   treeview.view header button {
  4538.     color: #6d717d;
  4539.     background-color: #181b28;
  4540.     font-weight: bold;
  4541.     text-shadow: none;
  4542.     box-shadow: none; }
  4543.     treeview.view header button:hover {
  4544.       color: #989ca7;
  4545.       box-shadow: none;
  4546.       transition: none; }
  4547.     treeview.view header button:active {
  4548.       color: #C3C7D1;
  4549.       transition: none; }
  4550.   treeview.view header button:last-child:backdrop, treeview.view header button:last-child {
  4551.     border-right-style: none; }
  4552.   treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd,
  4553.   treeview.view header.button.dnd:active,
  4554.   treeview.view header.button.dnd:selected,
  4555.   treeview.view header.button.dnd:hover,
  4556.   treeview.view header.button.dnd {
  4557.     padding: 0 6px;
  4558.     transition: none;
  4559.     background-image: none;
  4560.     background-color: #144dff;
  4561.     color: #181b28;
  4562.     border-radius: 0;
  4563.     border-style: none;
  4564.     box-shadow: inset 0 0 0 1px #181b28;
  4565.     text-shadow: none; }
  4566.   treeview.view acceleditor > label {
  4567.     background-color: #144dff; }
  4568.  
  4569. treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
  4570.   padding: 0 6px;
  4571.   border-radius: 0;
  4572.   background-image: none;
  4573.   text-shadow: none;
  4574.   border-width: 1px;
  4575.   border-style: none solid solid none;
  4576.   border-color: #161925; }
  4577.   treeview.view header button:disabled {
  4578.     border-color: #161925;
  4579.     background-image: none; }
  4580.   treeview.view header button:backdrop {
  4581.     border-color: #161925;
  4582.     border-style: none solid solid none;
  4583.     color: #424550;
  4584.     background-image: none;
  4585.     background-color: #1a1d2b; }
  4586.     treeview.view header button:backdrop:disabled {
  4587.       border-color: #161925;
  4588.       background-image: none; }
  4589.  
  4590. /**********************
  4591.  * Window Decorations *
  4592.  *********************/
  4593. decoration {
  4594.   border-radius: 4px 4px 0 0;
  4595.   border-width: 0px;
  4596.   border-width: 0px;
  4597.   box-shadow: 0 4px 10px 2px rgba(12, 14, 21, 0.6);
  4598.   margin: 10px; }
  4599.   decoration:backdrop {
  4600.     box-shadow: 0 4px 10px 2px rgba(12, 14, 21, 0.4);
  4601.     transition: 200ms ease-out; }
  4602.   .maximized decoration,
  4603.   .fullscreen decoration,
  4604.   .tiled decoration {
  4605.     border-radius: 0; }
  4606.   .popup decoration {
  4607.     box-shadow: none; }
  4608.   .ssd decoration {
  4609.     box-shadow: none; }
  4610.   .csd.popup decoration {
  4611.     border-radius: 7px;
  4612.     box-shadow: 0 4px 8px rgba(12, 14, 21, 0.8);
  4613.     border: 1px solid rgba(12, 14, 21, 0.8); }
  4614.   tooltip.csd decoration {
  4615.     border-radius: 5px;
  4616.     box-shadow: none; }
  4617.   messagedialog.csd decoration {
  4618.     border-radius: 7px;
  4619.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(12, 14, 21, 0.6); }
  4620.   .solid-csd decoration {
  4621.     border-radius: 0;
  4622.     margin: 0px;
  4623.     background-color: #161925;
  4624.     border: solid 1px rgba(13, 16, 23, 0.82);
  4625.     box-shadow: none; }
  4626.  
  4627. button.titlebutton {
  4628.   background-repeat: no-repeat;
  4629.   background-position: center;
  4630.   min-height: 20px;
  4631.   padding: 0 1px;
  4632.   box-shadow: none; }
  4633.   button.titlebutton.close {
  4634.     background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/[email protected]")); }
  4635.     button.titlebutton.close:hover, button.titlebutton.close:active {
  4636.       background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/[email protected]")); }
  4637.   button.titlebutton.maximize {
  4638.     background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/[email protected]")); }
  4639.     button.titlebutton.maximize:hover, button.titlebutton.maximize:active {
  4640.       background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/[email protected]")); }
  4641.   button.titlebutton.minimize {
  4642.     background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/[email protected]")); }
  4643.     button.titlebutton.minimize:hover, button.titlebutton.minimize:active {
  4644.       background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/[email protected]")); }
  4645.   button.titlebutton:backdrop {
  4646.     -gtk-icon-shadow: none;
  4647.     background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/[email protected]")); }
  4648.  
  4649. headerbar.selection-mode button.titlebutton,
  4650. .titlebar.selection-mode button.titlebutton {
  4651.   text-shadow: 0 -1px rgba(0, 0, 0, 0.648627);
  4652.   -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.648627); }
  4653.   headerbar.selection-mode button.titlebutton:backdrop,
  4654.   .titlebar.selection-mode button.titlebutton:backdrop {
  4655.     -gtk-icon-shadow: none; }
  4656.  
  4657. .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected,
  4658. textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
  4659. textview text selection:focus,
  4660. textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected,
  4661. popover.background radiobutton:selected,
  4662. .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
  4663. entry selection:focus,
  4664. entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected {
  4665.   background-color: #144dff; }
  4666.   row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected,
  4667.   textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
  4668.   textview text selection:focus,
  4669.   textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected,
  4670.   popover.background radiobutton:selected,
  4671.   .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
  4672.   entry selection:focus,
  4673.   entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected {
  4674.     color: #fefefe;
  4675.     font-weight: normal; }
  4676.     row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus,
  4677.     textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
  4678.     textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
  4679.     textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected,
  4680.     popover.background radiobutton:disabled:selected,
  4681.     .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled:focus, spinbutton:not(.vertical) selection:disabled,
  4682.     entry selection:disabled, row:disabled:selected {
  4683.       color: #e286e8; }
  4684.     row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus,
  4685.     textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected,
  4686.     textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop,
  4687.     textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected,
  4688.     popover.background radiobutton:backdrop:selected,
  4689.     .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop,
  4690.     entry selection:backdrop, row:backdrop:selected {
  4691.       color: rgba(254, 254, 254, 0.5); }
  4692.       row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected,
  4693.       textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,
  4694.       textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected,
  4695.       popover.background radiobutton:backdrop:disabled:selected,
  4696.       .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled,
  4697.       entry selection:backdrop:disabled, row:backdrop:disabled:selected {
  4698.         color: rgba(204, 44, 216, 0.85); }
  4699.  
  4700. .monospace {
  4701.   font-family: Monospace; }
  4702.  
  4703. /**********************
  4704.  * DE-Specific Styles *
  4705.  **********************/
  4706. /*********
  4707. * Budgie *
  4708. *********/
  4709. .budgie-container {
  4710.   background-color: transparent; }
  4711.   .budgie-container:backdrop {
  4712.     background-color: transparent; }
  4713.   .budgie-container popover list,
  4714.   .budgie-container popover row {
  4715.     border: none;
  4716.     background: none;
  4717.     padding: 0;
  4718.     margin: 0; }
  4719.  
  4720. .budgie-popover .container,
  4721. .budgie-popover border,
  4722. .budgie-popover list,
  4723. .budgie-popover row {
  4724.   padding: 0;
  4725.   margin: 0;
  4726.   background: none;
  4727.   border: none;
  4728.   box-shadow: none;
  4729.   text-shadow: none;
  4730.   -gtk-icon-shadow: none;
  4731.   opacity: 1;
  4732.   min-width: 0;
  4733.   min-height: 0; }
  4734.  
  4735. .budgie-popover,
  4736. .budgie-popover.background {
  4737.   border-radius: 2px;
  4738.   padding: 0;
  4739.   background: #07080c;
  4740.   background-clip: border-box;
  4741.   box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35);
  4742.   border: 1px solid black; }
  4743.   .budgie-popover list:hover,
  4744.   .budgie-popover row:hover,
  4745.   .budgie-popover.background list:hover,
  4746.   .budgie-popover.background row:hover {
  4747.     background: none; }
  4748.   .budgie-popover > frame.container,
  4749.   .budgie-popover.background > frame.container {
  4750.     margin: 0 -1px -1px;
  4751.     padding: 2px 0 0; }
  4752.   .budgie-popover button,
  4753.   .budgie-popover.background button {
  4754.     color: #C3C7D1;
  4755.     border: none;
  4756.     background: transparent; }
  4757.     .budgie-popover button:hover,
  4758.     .budgie-popover.background button:hover {
  4759.       color: #144dff; }
  4760.  
  4761. .budgie-popover > .container {
  4762.   padding: 2px; }
  4763.  
  4764. .budgie-menu {
  4765.   color: #C3C7D1; }
  4766.   .budgie-menu .container {
  4767.     padding: 0; }
  4768.   .budgie-menu button:hover {
  4769.     -gtk-icon-effect: none; }
  4770.   .budgie-menu entry.search {
  4771.     border: none;
  4772.     background: none;
  4773.     padding: 5px 2px;
  4774.     border-bottom: 1px solid black;
  4775.     border-radius: 0;
  4776.     font-size: 120%;
  4777.     box-shadow: none;
  4778.     color: #C3C7D1; }
  4779.     .budgie-menu entry.search image:dir(ltr) {
  4780.       padding-left: 8px;
  4781.       padding-right: 12px; }
  4782.     .budgie-menu entry.search image:dir(rtl) {
  4783.       padding-left: 12px;
  4784.       padding-right: 8px; }
  4785.   .budgie-menu .categories {
  4786.     border-width: 0;
  4787.     margin-left: 3px;
  4788.     background: transparent; }
  4789.     .budgie-menu .categories:dir(ltr) {
  4790.       border-right: 1px solid black; }
  4791.     .budgie-menu .categories:dir(rtl) {
  4792.       border-left: 1px solid black; }
  4793.   .budgie-menu .category-button {
  4794.     padding: 7px;
  4795.     border-radius: 2px 0 0 2px; }
  4796.     .budgie-menu .category-button:hover {
  4797.       background-color: rgba(195, 199, 209, 0.05);
  4798.       color: #C3C7D1; }
  4799.     .budgie-menu .category-button:active {
  4800.       box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
  4801.     .budgie-menu .category-button:checked {
  4802.       color: #fefefe;
  4803.       background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  4804.       .budgie-menu .category-button:checked:hover {
  4805.         color: rgba(254, 254, 254, 0.9); }
  4806.     .budgie-menu .category-button:checked:disabled {
  4807.       opacity: 0.5; }
  4808.       .budgie-menu .category-button:checked:disabled label {
  4809.         color: rgba(254, 254, 254, 0.7); }
  4810.   .budgie-menu scrollbar {
  4811.     background-color: transparent;
  4812.     border-color: black; }
  4813.   .budgie-menu button:not(.category-button) {
  4814.     padding-top: 5px;
  4815.     padding-bottom: 5px;
  4816.     border-radius: 0;
  4817.     box-shadow: none;
  4818.     background: yellow; }
  4819.   .budgie-menu button {
  4820.     border: none;
  4821.     background: transparent; }
  4822.   .budgie-menu undershoot, .budgie-menu overshoot {
  4823.     background: none; }
  4824.   .budgie-menu list {
  4825.     color: rgba(195, 199, 209, 0.7); }
  4826.  
  4827. button.budgie-menu-launcher {
  4828.   padding: 0 2px;
  4829.   color: white;
  4830.   box-shadow: none;
  4831.   background-color: transparent; }
  4832.   button.budgie-menu-launcher:hover {
  4833.     color: white; }
  4834.   button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked {
  4835.     color: white; }
  4836.   button.budgie-menu-launcher:backdrop {
  4837.     color: white;
  4838.     background-color: transparent; }
  4839.     button.budgie-menu-launcher:backdrop:hover {
  4840.       color: white; }
  4841.     button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked {
  4842.       color: #144dff;
  4843.       box-shadow: none;
  4844.       background-color: #181b28; }
  4845.  
  4846. .user-menu .content-box separator {
  4847.   margin-left: 6px;
  4848.   margin-right: 6px;
  4849.   background-color: rgba(195, 199, 209, 0.1); }
  4850.  
  4851. .user-menu button {
  4852.   margin: 5px; }
  4853.  
  4854. .user-menu > box.vertical row.activatable:first-child .indicator-item,
  4855. .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item {
  4856.   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
  4857.   background-color: #144dff;
  4858.   transition-duration: 0.2s; }
  4859.   .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr),
  4860.   .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) {
  4861.     padding-left: 7px;
  4862.     background-position: left center;
  4863.     background-repeat: no-repeat;
  4864.     background-size: 38px auto; }
  4865.   .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl),
  4866.   .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) {
  4867.     padding-right: 7px;
  4868.     background-position: right center;
  4869.     background-repeat: no-repeat;
  4870.     background-size: 38px auto; }
  4871.   .user-menu > box.vertical row.activatable:first-child .indicator-item label,
  4872.   .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label {
  4873.     color: #fefefe; }
  4874.     .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr),
  4875.     .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) {
  4876.       padding-left: 5px; }
  4877.     .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl),
  4878.     .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) {
  4879.       padding-right: 5px; }
  4880.   .user-menu > box.vertical row.activatable:first-child .indicator-item image,
  4881.   .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image {
  4882.     color: #fefefe; }
  4883.     .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child,
  4884.     .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child {
  4885.       min-width: 24px;
  4886.       min-height: 20px; }
  4887.  
  4888. button.raven-trigger {
  4889.   padding-left: 2px;
  4890.   padding-right: 2px;
  4891.   color: white;
  4892.   box-shadow: none; }
  4893.   button.raven-trigger:hover {
  4894.     color: white;
  4895.     background-color: transparent; }
  4896.   button.raven-trigger:active, button.raven-trigger:checked {
  4897.     box-shadow: none;
  4898.     background-color: transparent;
  4899.     color: #144dff; }
  4900.   button.raven-trigger:backdrop {
  4901.     color: white; }
  4902.     button.raven-trigger:backdrop:hover {
  4903.       color: white; }
  4904.     button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked {
  4905.       box-shadow: none;
  4906.       color: #144dff;
  4907.       background-color: transparent; }
  4908.  
  4909. .places-menu .container {
  4910.   padding: 0; }
  4911.  
  4912. .places-menu .message-bar {
  4913.   border-top-left-radius: 3px;
  4914.   border-top-right-radius: 3px; }
  4915.  
  4916. .places-menu .name-button {
  4917.   border: 0;
  4918.   border-radius: 0;
  4919.   padding: 4px 6px; }
  4920.  
  4921. .places-menu .unmount-button {
  4922.   padding: 4px 4px;
  4923.   border: 0;
  4924.   border-radius: 0; }
  4925.  
  4926. .places-menu .places-section-header {
  4927.   padding: 0px;
  4928.   border-bottom: 1px solid rgba(0, 0, 0, 0.95);
  4929.   box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); }
  4930.  
  4931. .places-menu .places-section-header > button {
  4932.   padding: 8px;
  4933.   border: none;
  4934.   border-bottom-left-radius: 0px;
  4935.   border-bottom-right-radius: 0px; }
  4936.  
  4937. .places-menu .places-list {
  4938.   background: rgba(195, 199, 209, 0.04);
  4939.   border-bottom: 1px solid rgba(0, 0, 0, 0.95); }
  4940.  
  4941. .places-menu .unlock-area {
  4942.   border-top: 1px solid rgba(0, 0, 0, 0.85);
  4943.   border-bottom: 1px solid rgba(0, 0, 0, 0.85); }
  4944.  
  4945. .places-menu .unlock-area entry {
  4946.   border-radius: 0;
  4947.   border: 0; }
  4948.  
  4949. .places-menu .unlock-area button {
  4950.   border-radius: 0;
  4951.   border: 0;
  4952.   border-left: 1px solid rgba(0, 0, 0, 0.85); }
  4953.  
  4954. .places-menu .alternative-label {
  4955.   font-size: 15px;
  4956.   padding: 3px; }
  4957.  
  4958. .places-menu .always-expand {
  4959.   background: transparent;
  4960.   border-bottom: none; }
  4961.  
  4962. .night-light-indicator .container {
  4963.   padding: 0; }
  4964.  
  4965. .night-light-indicator .view-header {
  4966.   font-size: 14px;
  4967.   padding: 10px;
  4968.   border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);;
  4969.   box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; }
  4970.  
  4971. .night-light-indicator .display-settings-button {
  4972.   border-top-left-radius: 0px;
  4973.   border-top-right-radius: 0px;
  4974.   border: none;
  4975.   padding: 3px;
  4976.   border-top: 1px solid mix(@theme_base_color, #000000, 0.35);;
  4977.   box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; }
  4978.  
  4979. .budgie-panel {
  4980.   color: white;
  4981.   background-color: rgba(0, 0, 0, 0.95);
  4982.   background-image: none;
  4983.   box-shadow: none;
  4984.   border: none;
  4985.   transition: all 150ms ease-in; }
  4986.   .budgie-panel .alert {
  4987.     color: #ed254e; }
  4988.   .budgie-panel:backdrop {
  4989.     color: white;
  4990.     background-color: rgba(0, 0, 0, 0.95); }
  4991.   .budgie-panel button {
  4992.     border-top-width: 0;
  4993.     border-bottom-width: 0;
  4994.     border-radius: 0; }
  4995.     .budgie-panel button.flat {
  4996.       background: transparent;
  4997.       border: none; }
  4998.       .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked {
  4999.         background: transparent;
  5000.         color: #144dff; }
  5001.   .budgie-panel popover list,
  5002.   .budgie-panel popover row {
  5003.     padding: 0;
  5004.     margin: 0; }
  5005.   .budgie-panel label {
  5006.     color: white;
  5007.     font-weight: 700; }
  5008.   .budgie-panel.transparent {
  5009.     background-color: rgba(0, 0, 0, 0.2); }
  5010.     .top .budgie-panel.transparent {
  5011.       border-bottom-color: transparent; }
  5012.     .bottom .budgie-panel.transparent {
  5013.       border-top-color: transparent; }
  5014.     .left .budgie-panel.transparent {
  5015.       border-right-color: transparent; }
  5016.     .right .budgie-panel.transparent {
  5017.       border-left-color: transparent; }
  5018.   .budgie-panel .end-region {
  5019.     border-radius: 0px; }
  5020.     .budgie-panel .end-region separator {
  5021.       background-color: rgba(195, 199, 209, 0.15); }
  5022.     .budgie-panel .end-region label {
  5023.       font-weight: 700;
  5024.       color: #C3C7D1; }
  5025.  
  5026. .budgie-panel #tasklist-button,
  5027. .budgie-panel #tasklist-button:backdrop {
  5028.   outline-color: transparent;
  5029.   transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  5030.   border-color: rgba(0, 0, 0, 0);
  5031.   border-radius: 0;
  5032.   background-color: transparent;
  5033.   box-shadow: none;
  5034.   background-clip: padding-box; }
  5035.  
  5036. .budgie-panel button.flat.launcher {
  5037.   outline-color: transparent;
  5038.   transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  5039.   border-color: rgba(0, 0, 0, 0);
  5040.   border-radius: 0;
  5041.   padding: 0;
  5042.   background-clip: padding-box;
  5043.   background-color: transparent; }
  5044.   .budgie-panel button.flat.launcher {
  5045.     box-shadow: none; }
  5046.  
  5047. .budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover,
  5048. .budgie-panel .pinned button.flat.launcher.running:hover {
  5049.   box-shadow: none; }
  5050.  
  5051. .budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active,
  5052. .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked,
  5053. .budgie-panel .pinned button.flat.launcher.running:checked {
  5054.   box-shadow: none; }
  5055.  
  5056. .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher,
  5057. .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
  5058.   padding-bottom: 2px;
  5059.   border-top: 2px solid transparent; }
  5060.   .top .budgie-panel .pinned button.flat.launcher:not(.running) {
  5061.     border-top: 2px solid transparent; }
  5062.   .top .budgie-panel .pinned button.flat.launcher:not(.running):hover {
  5063.     border-top: 2px solid rgba(255, 255, 255, 0.1); }
  5064.   .top .budgie-panel .unpinned button.flat.launcher,
  5065.   .top .budgie-panel .pinned button.flat.launcher.running {
  5066.     border-top: 2px solid rgba(255, 255, 255, 0.1); }
  5067.   .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover,
  5068.   .top .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .top button.flat.launcher.running:hover {
  5069.     border-top: 2px solid rgba(255, 255, 255, 0.25); }
  5070.   .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active,
  5071.   .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked,
  5072.   .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked {
  5073.     border-top: 2px solid #144dff; }
  5074.  
  5075. .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher,
  5076. .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
  5077.   padding-top: 2px;
  5078.   border-bottom: 2px solid transparent; }
  5079.   .bottom .budgie-panel .pinned button.flat.launcher:not(.running) {
  5080.     border-bottom: 2px solid transparent; }
  5081.   .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover {
  5082.     border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
  5083.   .bottom .budgie-panel .unpinned button.flat.launcher,
  5084.   .bottom .budgie-panel .pinned button.flat.launcher.running {
  5085.     border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
  5086.   .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover,
  5087.   .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .bottom button.flat.launcher.running:hover {
  5088.     border-bottom: 2px solid rgba(255, 255, 255, 0.25); }
  5089.   .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active,
  5090.   .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked,
  5091.   .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked {
  5092.     border-bottom: 2px solid #144dff; }
  5093.  
  5094. .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher,
  5095. .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
  5096.   padding-right: 2px;
  5097.   border-left: 2px solid transparent; }
  5098.   .left .budgie-panel .pinned button.flat.launcher:not(.running) {
  5099.     border-left: 2px solid transparent; }
  5100.   .left .budgie-panel .pinned button.flat.launcher:not(.running):hover {
  5101.     border-left: 2px solid rgba(255, 255, 255, 0.1); }
  5102.   .left .budgie-panel .unpinned button.flat.launcher,
  5103.   .left .budgie-panel .pinned button.flat.launcher.running {
  5104.     border-left: 2px solid rgba(255, 255, 255, 0.1); }
  5105.   .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover,
  5106.   .left .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .left button.flat.launcher.running:hover {
  5107.     border-left: 2px solid rgba(255, 255, 255, 0.25); }
  5108.   .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active,
  5109.   .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked,
  5110.   .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked {
  5111.     border-left: 2px solid #144dff; }
  5112.  
  5113. .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher,
  5114. .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
  5115.   padding-left: 2px;
  5116.   border-right: 2px solid transparent; }
  5117.   .right .budgie-panel .pinned button.flat.launcher:not(.running) {
  5118.     border-right: 2px solid transparent; }
  5119.   .right .budgie-panel .pinned button.flat.launcher:not(.running):hover {
  5120.     border-right: 2px solid rgba(255, 255, 255, 0.1); }
  5121.   .right .budgie-panel .unpinned button.flat.launcher,
  5122.   .right .budgie-panel .pinned button.flat.launcher.running {
  5123.     border-right: 2px solid rgba(255, 255, 255, 0.1); }
  5124.   .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover,
  5125.   .right .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .right button.flat.launcher.running:hover {
  5126.     border-right: 2px solid rgba(255, 255, 255, 0.25); }
  5127.   .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active,
  5128.   .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked,
  5129.   .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked {
  5130.     border-right: 2px solid #144dff; }
  5131.  
  5132. .top .budgie-panel {
  5133.   border-bottom: 1px solid rgba(0, 0, 0, 0.92); }
  5134.  
  5135. .top .raven-frame {
  5136.   padding: 0;
  5137.   background: none; }
  5138.   .top .raven-frame border {
  5139.     border: none;
  5140.     border-bottom: 1px solid rgba(0, 0, 0, 0.92); }
  5141.  
  5142. .top .shadow-block {
  5143.   background-color: transparent;
  5144.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); }
  5145.  
  5146. .bottom .budgie-panel {
  5147.   border-top: 1px solid rgba(0, 0, 0, 0.92); }
  5148.  
  5149. .bottom .raven-frame {
  5150.   padding: 0;
  5151.   background: none; }
  5152.   .bottom .raven-frame border {
  5153.     border: none;
  5154.     border-top: 1px solid rgba(0, 0, 0, 0.92); }
  5155.  
  5156. .bottom .shadow-block {
  5157.   background-color: transparent;
  5158.   background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); }
  5159.  
  5160. .left .budgie-panel {
  5161.   border-right: 1px solid rgba(0, 0, 0, 0.92); }
  5162.  
  5163. .left .raven-frame {
  5164.   padding: 0;
  5165.   background: none; }
  5166.   .left .raven-frame border {
  5167.     border: none;
  5168.     border-right: 1px solid rgba(0, 0, 0, 0.92); }
  5169.  
  5170. .left .shadow-block {
  5171.   background-color: transparent;
  5172.   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); }
  5173.  
  5174. .right .budgie-panel {
  5175.   border-left: 1px solid rgba(0, 0, 0, 0.92); }
  5176.  
  5177. .right .raven-frame {
  5178.   padding: 0;
  5179.   background: none; }
  5180.   .right .raven-frame border {
  5181.     border: none;
  5182.     border-left: 1px solid rgba(0, 0, 0, 0.92); }
  5183.  
  5184. .right .shadow-block {
  5185.   background-color: transparent;
  5186.   background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); }
  5187.  
  5188. .raven {
  5189.   padding: 0;
  5190.   color: #C3C7D1;
  5191.   background: #07080c;
  5192.   transition: 170ms ease-out; }
  5193.   .raven .raven-header {
  5194.     min-height: 32px;
  5195.     color: #C3C7D1;
  5196.     border: solid rgba(0, 0, 0, 0.95);
  5197.     border-width: 1px 0;
  5198.     background-color: rgba(8, 8, 8, 0.45); }
  5199.     .raven .raven-header * {
  5200.       padding-top: 0;
  5201.       padding-bottom: 0; }
  5202.     .raven .raven-header.top {
  5203.       border-top-style: none;
  5204.       border-color: transparent;
  5205.       margin-top: 3px;
  5206.       min-height: 32px; }
  5207.       .raven .raven-header.top button.image-button:hover {
  5208.         color: #af0cba;
  5209.         box-shadow: none; }
  5210.     .raven .raven-header > button.text-button {
  5211.       border-radius: 2px;
  5212.       color: #fefefe;
  5213.       background-color: rgba(230, 19, 62, 0.9);
  5214.       box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); }
  5215.       .raven .raven-header > button.text-button:hover {
  5216.         border-radius: 2px;
  5217.         color: #fefefe;
  5218.         background-color: rgba(237, 37, 78, 0.9);
  5219.         box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); }
  5220.       .raven .raven-header > button.text-button:active {
  5221.         color: #fefefe;
  5222.         background-color: rgba(239, 61, 97, 0.9);
  5223.         box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); }
  5224.     .raven .raven-header.bottom {
  5225.       border-bottom-style: none; }
  5226.     .raven .raven-header button {
  5227.       color: #8b8b8b;
  5228.       text-shadow: none;
  5229.       box-shadow: none;
  5230.       background: transparent;
  5231.       border: none;
  5232.       border-radius: 0; }
  5233.       .raven .raven-header button:hover {
  5234.         color: #144dff;
  5235.         border-radius: 0;
  5236.         text-shadow: none;
  5237.         border: none;
  5238.         border-radius: 0; }
  5239.       .raven .raven-header button:disabled {
  5240.         color: #6d707b; }
  5241.       .raven .raven-header button.text-button.radio {
  5242.         margin: 5px 0px;
  5243.         min-height: 20px;
  5244.         padding: 3px; }
  5245.         .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked {
  5246.           border-radius: 23px;
  5247.           background: linear-gradient(to right, #144dff, #8500f7);
  5248.           box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
  5249.           color: white; }
  5250.   .raven list {
  5251.     color: #C3C7D1;
  5252.     background-color: transparent; }
  5253.     .raven list:selected {
  5254.       background-color: rgba(197, 14, 210, 0.9); }
  5255.     .raven list row,
  5256.     .raven list row.activatable {
  5257.       background-color: transparent; }
  5258.       .raven list row:hover,
  5259.       .raven list row.activatable:hover {
  5260.         background-color: rgba(38, 38, 38, 0.25); }
  5261.       .raven list row:selected,
  5262.       .raven list row.activatable:selected {
  5263.         background-color: rgba(197, 14, 210, 0.9); }
  5264.   .raven .raven-background {
  5265.     color: #C3C7D1;
  5266.     background-color: transparent;
  5267.     border-color: transparent; }
  5268.     .raven .raven-background.middle {
  5269.       border-bottom-style: none; }
  5270.   .raven .powerstrip {
  5271.     background-color: transparent;
  5272.     border-top-color: transparent; }
  5273.   .raven .powerstrip button.image-button {
  5274.     border-radius: 50%;
  5275.     padding: 5px;
  5276.     min-width: 32px;
  5277.     min-height: 32px;
  5278.     margin-bottom: 3px;
  5279.     background: #c74ded;
  5280.     color: #fefefe;
  5281.     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
  5282.     border: none;
  5283.     font-size: 100%; }
  5284.     .raven .powerstrip button.image-button:hover {
  5285.       background: rgba(199, 77, 237, 0.85);
  5286.       color: #fefefe; }
  5287.     .raven .powerstrip button.image-button:active {
  5288.       background: #c74ded;
  5289.       color: #fefefe; }
  5290.     .raven .powerstrip button.image-button:first-child {
  5291.       background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); }
  5292.       .raven .powerstrip button.image-button:first-child:hover {
  5293.         background: rgba(197, 14, 210, 0.85); }
  5294.       .raven .powerstrip button.image-button:first-child:active {
  5295.         background: #144dff; }
  5296.     .raven .powerstrip button.image-button:last-child {
  5297.       background: linear-gradient(to right, #FF416C, #FF4B2B); }
  5298.       .raven .powerstrip button.image-button:last-child:hover {
  5299.         background: rgba(237, 37, 78, 0.85); }
  5300.       .raven .powerstrip button.image-button:last-child:active {
  5301.         background: #ed254e; }
  5302.   .raven .option-subtitle {
  5303.     font-size: 13px; }
  5304.  
  5305. calendar.raven-calendar {
  5306.   padding: 6px;
  5307.   color: #C3C7D1;
  5308.   background: transparent;
  5309.   border-color: transparent; }
  5310.   calendar.raven-calendar:indeterminate {
  5311.     color: alpha(currentColor,0.3); }
  5312.   calendar.raven-calendar:selected {
  5313.     background: transparent;
  5314.     color: #b30dbf;
  5315.     font-weight: bold; }
  5316.   calendar.raven-calendar:backdrop {
  5317.     background-color: transparent; }
  5318.   calendar.raven-calendar.header {
  5319.     color: #C3C7D1;
  5320.     border: none;
  5321.     border-radius: 0;
  5322.     background-color: transparent; }
  5323.   calendar.raven-calendar button, calendar.raven-calendar button:focus {
  5324.     color: alpha(currentColor,0.5);
  5325.     background-color: transparent; }
  5326.     calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover {
  5327.       color: #C3C7D1;
  5328.       background-color: transparent; }
  5329.  
  5330. .raven-mpris {
  5331.   color: #C3C7D1;
  5332.   background-color: rgba(3, 3, 5, 0.9);
  5333.   border: solid rgba(255, 255, 255, 0.1);
  5334.   border-width: 1px 0;
  5335.   border-bottom-color: rgba(0, 0, 0, 0.1); }
  5336.   .raven-mpris button.image-button {
  5337.     padding: 10px;
  5338.     background-color: #181b28;
  5339.     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); }
  5340.     .raven-mpris button.image-button:hover {
  5341.       background-color: #144dff; }
  5342.     .raven-mpris button.image-button:active {
  5343.       background-color: #af0cba; }
  5344.     .raven-mpris button.image-button:first-child {
  5345.       margin-right: 4px; }
  5346.     .raven-mpris button.image-button:last-child {
  5347.       margin-left: 4px; }
  5348.     .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child {
  5349.       padding: 4px;
  5350.       margin-top: 6px;
  5351.       margin-bottom: 6px; }
  5352.  
  5353. .budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
  5354.   background: none;
  5355.   border-radius: 1px; }
  5356.   .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button {
  5357.     background-color: #144dff;
  5358.     color: #fefefe;
  5359.     border: none; }
  5360.     .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover {
  5361.       background-color: #af0cba;
  5362.       border: none; }
  5363.     .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked {
  5364.       background-color: #af0cba; }
  5365.  
  5366. .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher {
  5367.   border-radius: 1px; }
  5368.  
  5369. .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title {
  5370.   font-size: 110%;
  5371.   color: #C3C7D1; }
  5372.  
  5373. .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body {
  5374.   color: rgba(195, 199, 209, 0.7); }
  5375.  
  5376. .budgie-notification button, .budgie-osd button, .budgie-switcher button {
  5377.   background-color: transparent;
  5378.   color: #fefefe; }
  5379.   .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover {
  5380.     background-color: transparent;
  5381.     color: #ed254e;
  5382.     box-shadow: none; }
  5383.   .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked {
  5384.     background-color: transparent;
  5385.     color: #e6133e; }
  5386.  
  5387. .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog {
  5388.   color: #C3C7D1;
  5389.   background-color: rgba(22, 25, 37, 0.95);
  5390.   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  5391.   border-radius: 2px; }
  5392.  
  5393. .budgie-switcher-window flowbox {
  5394.   color: #C3C7D1; }
  5395.  
  5396. .budgie-switcher-window flowboxchild {
  5397.   padding: 3px;
  5398.   margin: 3px;
  5399.   color: #C3C7D1; }
  5400.   .budgie-switcher-window flowboxchild:hover {
  5401.     background-color: transparent; }
  5402.   .budgie-switcher-window flowboxchild:active {
  5403.     color: #C3C7D1; }
  5404.   .budgie-switcher-window flowboxchild:selected {
  5405.     color: #fefefe;
  5406.     background-color: rgba(197, 14, 210, 0.5); }
  5407.     .budgie-switcher-window flowboxchild:selected:active {
  5408.       color: #fefefe; }
  5409.     .budgie-switcher-window flowboxchild:selected:hover {
  5410.       background-color: #b10dbd; }
  5411.     .budgie-switcher-window flowboxchild:selected:disabled {
  5412.       color: rgba(254, 254, 254, 0.7);
  5413.       background-color: rgba(197, 14, 210, 0.7); }
  5414.       .budgie-switcher-window flowboxchild:selected:disabled label {
  5415.         color: rgba(254, 254, 254, 0.7); }
  5416.  
  5417. .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
  5418.   color: #C3C7D1;
  5419.   background-color: rgba(0, 0, 0, 0.95); }
  5420.   .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop {
  5421.     color: rgba(195, 199, 209, 0.8); }
  5422.   .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title {
  5423.     font-size: 120%; }
  5424.   .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button {
  5425.     margin-bottom: 0;
  5426.     min-height: 32px;
  5427.     border-bottom: none;
  5428.     border-color: black;
  5429.     border-radius: 0;
  5430.     color: #fff;
  5431.     background-color: transparent;
  5432.     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  5433.     .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label {
  5434.       font-weight: 700; }
  5435.     .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child {
  5436.       border-left: none;
  5437.       border-bottom-left-radius: 2px; }
  5438.     .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child {
  5439.       border-right: none;
  5440.       border-bottom-right-radius: 2px; }
  5441.     .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover {
  5442.       background-color: rgba(197, 14, 210, 0.9); }
  5443.       .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label {
  5444.         color: rgba(255, 255, 255, 0.5); }
  5445.     .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action {
  5446.       background-color: rgba(197, 14, 210, 0.9); }
  5447.       .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover {
  5448.         background-color: rgba(219, 16, 234, 0.9); }
  5449.       .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked {
  5450.         background-color: rgba(219, 16, 234, 0.9); }
  5451.     .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action {
  5452.       background-color: rgba(206, 17, 56, 0.9); }
  5453.       .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover {
  5454.         background-color: rgba(230, 19, 62, 0.9); }
  5455.       .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked {
  5456.         background-color: rgba(230, 19, 62, 0.9); }
  5457.   .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry {
  5458.     background-color: #505359;
  5459.     color: #C3C7D1; }
  5460.     .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus {
  5461.       background-color: #505359; }
  5462.     .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop {
  5463.       background-color: #505359; }
  5464.  
  5465. .budgie-polkit-dialog .message {
  5466.   color: rgba(195, 199, 209, 0.7); }
  5467.  
  5468. .budgie-polkit-dialog .failure {
  5469.   color: #ed254e; }
  5470.  
  5471. .budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus {
  5472.   font-size: 120%;
  5473.   padding: 8px 5px;
  5474.   border: none;
  5475.   box-shadow: none; }
  5476.   .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image {
  5477.     color: #C3C7D1; }
  5478.     .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) {
  5479.       padding-left: 8px;
  5480.       padding-right: 12px; }
  5481.     .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) {
  5482.       padding-left: 12px;
  5483.       padding-right: 8px; }
  5484.  
  5485. .budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle,
  5486. .budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle {
  5487.   opacity: 1; }
  5488.  
  5489. .budgie-run-dialog scrolledwindow {
  5490.   border-top: 1px solid rgba(0, 0, 0, 0); }
  5491.  
  5492. .budgie-menubar menu {
  5493.   margin: 4px;
  5494.   padding: 5px;
  5495.   border-radius: 0;
  5496.   background-color: rgba(0, 0, 0, 0.95); }
  5497.   .budgie-menubar menu menuitem:hover {
  5498.     background-color: #144dff;
  5499.     color: #fefefe; }
  5500.  
  5501. .budgie-menubar arrow {
  5502.   border: none;
  5503.   min-width: 16px;
  5504.   min-height: 16px; }
  5505.   .budgie-menubar arrow.top {
  5506.     -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
  5507.     border-bottom: 1px solid rgba(33, 35, 42, 0.928); }
  5508.   .budgie-menubar arrow.bottom {
  5509.     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  5510.     border-top: 1px solid rgba(33, 35, 42, 0.928); }
  5511.  
  5512. .budgie-menubar menuitem accelerator {
  5513.   color: rgba(195, 199, 209, 0.35); }
  5514.  
  5515. .budgie-menubar menuitem check, .budgie-menubar menuitem radio {
  5516.   min-height: 16px;
  5517.   min-width: 16px; }
  5518.  
  5519. window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar {
  5520.   border-style: none none solid; }
  5521.  
  5522. .workspace-switcher .workspace-layout {
  5523.   border: 0 solid rgba(0, 0, 0, 0.95); }
  5524.   .top .workspace-switcher .workspace-layout:dir(ltr),
  5525.   .bottom .workspace-switcher .workspace-layout:dir(ltr) {
  5526.     border-left-width: 1px; }
  5527.   .top .workspace-switcher .workspace-layout:dir(rtl),
  5528.   .bottom .workspace-switcher .workspace-layout:dir(rtl) {
  5529.     border-right-width: 1px; }
  5530.   .left .workspace-switcher .workspace-layout,
  5531.   .right .workspace-switcher .workspace-layout {
  5532.     border-top-width: 1px; }
  5533.  
  5534. .workspace-switcher .workspace-item,
  5535. .workspace-switcher .workspace-add-button {
  5536.   border: 0 solid rgba(26, 26, 26, 0.95); }
  5537.   .top .workspace-switcher .workspace-item:dir(ltr),
  5538.   .bottom .workspace-switcher .workspace-item:dir(ltr), .top
  5539.   .workspace-switcher .workspace-add-button:dir(ltr),
  5540.   .bottom
  5541.   .workspace-switcher .workspace-add-button:dir(ltr) {
  5542.     border-right-width: 1px; }
  5543.   .top .workspace-switcher .workspace-item:dir(rtl),
  5544.   .bottom .workspace-switcher .workspace-item:dir(rtl), .top
  5545.   .workspace-switcher .workspace-add-button:dir(rtl),
  5546.   .bottom
  5547.   .workspace-switcher .workspace-add-button:dir(rtl) {
  5548.     border-left-width: 1px; }
  5549.   .left .workspace-switcher .workspace-item,
  5550.   .right .workspace-switcher .workspace-item, .left
  5551.   .workspace-switcher .workspace-add-button,
  5552.   .right
  5553.   .workspace-switcher .workspace-add-button {
  5554.     border-bottom-width: 1px; }
  5555.  
  5556. .workspace-switcher .workspace-item.current-workspace {
  5557.   background-color: rgba(13, 13, 13, 0.95); }
  5558.  
  5559. .workspace-switcher .workspace-add-button {
  5560.   border: none;
  5561.   background: transparent;
  5562.   box-shadow: none; }
  5563.   .workspace-switcher .workspace-add-button:hover {
  5564.     box-shadow: none; }
  5565.   .workspace-switcher .workspace-add-button:active {
  5566.     background-image: none; }
  5567.   .workspace-switcher .workspace-add-button:active image {
  5568.     margin: 1px 0 -1px; }
  5569.  
  5570. .budgie-panel .workspace-switcher .workspace-icon-button {
  5571.   min-height: 24px;
  5572.   min-width: 24px;
  5573.   padding: 0;
  5574.   border-radius: 2px; }
  5575.  
  5576. /************
  5577.  * Nautilus *
  5578.  ************/
  5579. .nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop {
  5580.   background: transparent;
  5581.   color: #144dff; }
  5582.   .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label {
  5583.     color: #144dff; }
  5584.  
  5585. .nautilus-window paned > separator {
  5586.   background-image: none; }
  5587.  
  5588. .nautilus-window .sidebar {
  5589.   background-color: transparent; }
  5590.   .nautilus-window .sidebar:backdrop {
  5591.     background-color: transparent; }
  5592.   .nautilus-window .sidebar .list-row button {
  5593.     border: none;
  5594.     background-color: rgba(18, 21, 31, 0.95); }
  5595.     .nautilus-window .sidebar .list-row button:active {
  5596.       background-color: rgba(197, 14, 210, 0.75); }
  5597.   .nautilus-window .sidebar .list-row:selected {
  5598.     background-color: rgba(197, 14, 210, 0.75); }
  5599.     .nautilus-window .sidebar .list-row:selected:hover {
  5600.       background-color: rgba(197, 14, 210, 0.9); }
  5601.   .nautilus-window .sidebar .list-row:hover {
  5602.     background-color: rgba(24, 27, 40, 0.5); }
  5603.     .nautilus-window .sidebar .list-row:hover:active {
  5604.       background-color: rgba(197, 14, 210, 0.9); }
  5605.  
  5606. .nautilus-window.background {
  5607.   background-color: rgba(18, 21, 31, 0.95); }
  5608.   .nautilus-window.background:backdrop {
  5609.     background-color: rgba(18, 21, 31, 0.95); }
  5610.  
  5611. .nautilus-window notebook > stack:only-child {
  5612.   background-color: #181b28; }
  5613.   .nautilus-window notebook > stack:only-child:backdrop {
  5614.     background-color: #1a1d2b; }
  5615.  
  5616. .nautilus-window searchbar {
  5617.   border-top: 1px solid rgba(0, 0, 0, 0.12); }
  5618.  
  5619. .nautilus-window .searchbar-container {
  5620.   margin-top: -1px; }
  5621.  
  5622. .nautilus-window .titlebar .search {
  5623.   border: 1px solid transparent;
  5624.   border-radius: 10px;
  5625.   box-shadow: none;
  5626.   margin-top: 10px;
  5627.   margin-bottom: 10px; }
  5628.  
  5629. .nautilus-window .titlebar .path-bar-box .dim-label, .nautilus-window .titlebar .path-bar-box label.separator, .nautilus-window .titlebar .path-bar-box .subtitle {
  5630.   color: transparent; }
  5631.  
  5632. .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child,
  5633. .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active,
  5634. .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked,
  5635. .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked {
  5636.   border-radius: 23px;
  5637.   background: linear-gradient(to right, #144dff, #8500f7);
  5638.   box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
  5639.   color: white; }
  5640.   .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:backdrop label,
  5641.   .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop,
  5642.   .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active:backdrop label,
  5643.   .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop,
  5644.   .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop label,
  5645.   .nautilus-window .titlebar .path-bar-box button:active:backdrop,
  5646.   .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label {
  5647.     color: whitesmoke; }
  5648.  
  5649. .nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop {
  5650.   background: transparent;
  5651.   color: #144dff;
  5652.   box-shadow: none;
  5653.   border: none; }
  5654.  
  5655. .nautilus-window .linked:not(.vertical) > entry {
  5656.   border-radius: 10px;
  5657.   margin-right: 5px; }
  5658.   .nautilus-window .linked:not(.vertical) > entry:focus {
  5659.     border-color: rgba(197, 14, 210, 0.6); }
  5660.  
  5661. .nautilus-circular-button {
  5662.   border-radius: 20px;
  5663.   -gtk-outline-radius: 20px; }
  5664.  
  5665. .disk-space-display {
  5666.   border: 2px solid; }
  5667.   .disk-space-display .unknown {
  5668.     background-color: #888a85;
  5669.     border-color: #555653; }
  5670.   .disk-space-display .used {
  5671.     background-color: #9FB0B9;
  5672.     border-color: #667f8c; }
  5673.   .disk-space-display .free {
  5674.     background-color: #D8D8D8;
  5675.     border-color: #a5a5a5; }
  5676.  
  5677. .nautilus-desktop {
  5678.   color: #C3C7D1; }
  5679.   .nautilus-desktop .nautilus-canvas-item {
  5680.     border-radius: 5px;
  5681.     color: #fefefe;
  5682.     text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
  5683.     .nautilus-desktop .nautilus-canvas-item:active {
  5684.       color: #C3C7D1;
  5685.       text-shadow: none; }
  5686.     .nautilus-desktop .nautilus-canvas-item:hover {
  5687.       color: #C3C7D1;
  5688.       text-shadow: none; }
  5689.     .nautilus-desktop .nautilus-canvas-item:selected {
  5690.       color: #fefefe;
  5691.       text-shadow: none; }
  5692.     .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected,
  5693.     .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected {
  5694.       color: #fefefe; }
  5695.   .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected,
  5696.   .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected {
  5697.     color: #fefefe; }
  5698.  
  5699. /*********
  5700.  * Gedit *
  5701.  *********/
  5702. .gedit-search-slider {
  5703.   padding: 4px;
  5704.   border-radius: 0 0 3px 3px;
  5705.   border: 0;
  5706.   background-color: #161925; }
  5707.  
  5708. /*********
  5709.  * Gnucash *
  5710.  *********/
  5711. #gnc-id-main-window entry.gnc-class-register-foreground {
  5712.   background: transparent;
  5713.   border: none;
  5714.   box-shadow: none; }
  5715.  
  5716. #gnc-id-main-window .arrow.button.toggle {
  5717.   transition: none;
  5718.   box-shadow: none; }
  5719.   #gnc-id-main-window .arrow.button.toggle:hover {
  5720.     border-color: #144dff; }
  5721.  
  5722. /*
  5723. .xfce4-panel.panel {
  5724.   background-color: #181b28;
  5725.   text-shadow: none;
  5726.   -gtk-icon-shadow: none; }
  5727. */
  5728.  
  5729. #tasklist-button {
  5730.   color: rgba(255, 255, 255, 0.8);
  5731.   border-radius: 0;
  5732.   border: none;
  5733.   background-color: rgba(24, 27, 40, 0); }
  5734.   #tasklist-button:hover {
  5735.     color: white;
  5736.     background-color: rgba(0, 0, 0, 0.17); }
  5737.   #tasklist-button:checked {
  5738.     color: white;
  5739.     background-color: rgba(0, 0, 0, 0.25);
  5740.     box-shadow: none; }
  5741.  
  5742. .xfce4-panel.panel button.flat {
  5743.   color: white;
  5744.   border-radius: 0;
  5745.   border: none;
  5746.   background-color: rgba(24, 27, 40, 0); }
  5747.   .xfce4-panel.panel button.flat:hover {
  5748.     border: none;
  5749.     background-color: transparent; }
  5750.   .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked {
  5751.     color: #fefefe;
  5752.     border-bottom: none;
  5753.     background-color: transparent; }
  5754.     .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image {
  5755.       color: inherit; }
  5756.  
  5757. #whiskermenu-window button {
  5758.   background-color: transparent;
  5759.   border: none;
  5760.   border-radius: 0;
  5761.   font-weight: normal;
  5762.   padding: 2px;
  5763.   margin: 1px 0px; }
  5764.   #whiskermenu-window button:hover, #whiskermenu-window button:checked {
  5765.     /* edited by me*/
  5766.     background-color: transparent; }
  5767.  
  5768. /* thunar */
  5769. .thunar toolbar {
  5770.   background-color: #0c0e14; }
  5771.  
  5772. /* buttons in toolbar */
  5773. .thunar toolbar.horizontal button image {
  5774.   -gtk-icon-transform: scale(0.72); }
  5775.  
  5776. scrolledwindow.sidebar treeview.view {
  5777.   background: #12151f;
  5778.   padding: 1.5px; }
  5779.  
  5780. /* path-bar of thunar */
  5781. window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button {
  5782.   margin-top: 7px;
  5783.   margin-bottom: 7px; }
  5784.   window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover {
  5785.     color: #144dff; }
  5786.   window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked {
  5787.     border-radius: 23px;
  5788.     background: linear-gradient(to right, #144dff, #8500f7);
  5789.     box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
  5790.     color: white; }
  5791.  
  5792. window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.path-bar-button {
  5793.   background: none;
  5794.   outline: none;
  5795.   border: none;
  5796.   box-shadow: none; }
  5797.  
  5798. /* thunar sidepane */
  5799. window.thunar paned > scrolledwindow treeview.view:selected {
  5800.   border-radius: 23px;
  5801.   background: linear-gradient(to right, #144dff, #8500f7);
  5802.   box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
  5803.   color: white;
  5804.   border-radius: 0;
  5805.   box-shadow: none; }
  5806.  
  5807. /********
  5808.  * Gala *
  5809.  *******/
  5810. .gala-notification {
  5811.   border-width: 0;
  5812.   border-radius: 2px;
  5813.   color: white;
  5814.   border: 1px solid #181b28;
  5815.   background-color: #181b28; }
  5816.   .gala-notification .title,
  5817.   .gala-notification .label {
  5818.     color: #C3C7D1; }
  5819.  
  5820. .gala-button {
  5821.   padding: 3px;
  5822.   color: #181b28;
  5823.   border: none;
  5824.   border-radius: 50%;
  5825.   background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e);
  5826.   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77);
  5827.   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
  5828.  
  5829. /**********
  5830.  * Notify *
  5831.  *********/
  5832. .notify {
  5833.   /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/
  5834.   border-radius: 5px;
  5835.   border: 1px solid rgba(0, 0, 0, 0.7);
  5836.   background-color: rgba(24, 27, 40, 0.05); }
  5837.  
  5838. /***************
  5839.  * SwitchBoard *
  5840.  ***************/
  5841. .category-label {
  5842.   font-weight: bold;
  5843.   color: #C3C7D1; }
  5844.  
  5845. /*************
  5846.  * Slingshot *
  5847.  ************/
  5848. .button.app {
  5849.   border: none;
  5850.   border-radius: 0;
  5851.   box-shadow: none;
  5852.   background-image: none; }
  5853.   .button.app .app:hover {
  5854.     border-radius: 8px;
  5855.     border: none;
  5856.     background-color: rgba(197, 14, 210, 0.3);
  5857.     color: white; }
  5858.   .button.app .app:focus {
  5859.     /*background-color: transparentize(black, 0.20);*/ }
  5860.  
  5861. .search-item {
  5862.   border-radius: 0;
  5863.   border: none;
  5864.   color: #C3C7D1;
  5865.   background: none; }
  5866.   .search-item:hover, .search-item:focus {
  5867.     border-radius: 0;
  5868.     background-color: rgba(197, 14, 210, 0.3);
  5869.     color: #fefefe; }
  5870.  
  5871. .search-entry-large,
  5872. .search-entry-large:focus {
  5873.   border: none;
  5874.   font-size: 18px;
  5875.   font-weight: 300;
  5876.   background-image: none;
  5877.   background: none;
  5878.   box-shadow: none;
  5879.   border-radius: 0; }
  5880.  
  5881. .search-category-header {
  5882.   font-weight: bold;
  5883.   color: #C3C7D1; }
  5884.  
  5885. /*********
  5886.  * Panel *
  5887.  ********/
  5888. .panel {
  5889.   background-color: transparent;
  5890.   transition: all 100ms ease-in-out; }
  5891.   .panel.maximized {
  5892.     background-color: #181b28; }
  5893.   .panel.translucent {
  5894.     background-color: rgba(24, 27, 40, 0.5); }
  5895.   .panel.color-light.translucent {
  5896.     background-color: rgba(255, 255, 255, 0.85); }
  5897.  
  5898. menubar.panel,
  5899. .panel menubar {
  5900.   box-shadow: none;
  5901.   border: none; }
  5902.  
  5903. .composited-indicator > revealer,
  5904. .composited-indicator > revealer image,
  5905. .composited-indicator > revealer label,
  5906. .composited-indicator > revealer spinner {
  5907.   color: #fff;
  5908.   font-weight: bold;
  5909.   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
  5910.   transition: all 200ms ease-in-out;
  5911.   -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); }
  5912.  
  5913. .composited-indicator > revealer image:first-child + label {
  5914.   margin-left: 5px; }
  5915.  
  5916. .panel.color-light .composited-indicator > revealer,
  5917. .panel.color-light .composited-indicator > revealer image,
  5918. .panel.color-light .composited-indicator > revealer label,
  5919. .panel.color-light .composited-indicator > revealer spinner {
  5920.   color: rgba(0, 0, 0, 0.6);
  5921.   text-shadow: 0 1px rgba(255, 255, 255, 0.1);
  5922.   -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); }
  5923.  
  5924. /**************
  5925.  * Calculator *
  5926.  **************/
  5927. PantheonCalculatorMainWindow {
  5928.   border-radius: 0 0 4px 4px; }
  5929.   PantheonCalculatorMainWindow .window-frame {
  5930.     border-radius: 3px; }
  5931.  
  5932. /*********
  5933.  * Cards *
  5934.  *********/
  5935. .deck {
  5936.   background-color: #07080b; }
  5937.  
  5938. .card {
  5939.   background-color: #181b28;
  5940.   border: none;
  5941.   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2);
  5942.   transition: all 150ms ease-in-out; }
  5943.  
  5944. .card.collapsed {
  5945.   background-color: #0e1018;
  5946.   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); }
  5947.  
  5948. /*********
  5949.  * Noise *
  5950.  *********/
  5951. NoiseLibraryWindow {
  5952.   border-radius: 0 0 4px 4px; }
  5953.   NoiseLibraryWindow .action-bar {
  5954.     border-radius: 0 0 4px 4px; }
  5955.   NoiseLibraryWindow .window-frame {
  5956.     border-radius: 3px; }
  5957.  
  5958. /********
  5959.  * Snap *
  5960.  ********/
  5961. SnapMainWindow .take-button,
  5962. SnapSnapWindow .take-button {
  5963.   border-radius: 0; }
  5964.  
  5965. /*******************
  5966.  * Photos/Shotwell *
  5967.  *******************/
  5968. DirectWindow .the-button-in-the-combobox,
  5969. LibraryWindow .the-button-in-the-combobox {
  5970.   background: none; }
  5971.  
  5972. .checkerboard-layout {
  5973.   background-color: #161925;
  5974.   background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
  5975.   background-size: 24px 24px;
  5976.   background-position: 0 0, 12px 12px; }
  5977.  
  5978. .checkboard-layout .item {
  5979.   background-color: #C3C7D1; }
  5980.  
  5981. /*********
  5982. * Avatar *
  5983. *********/
  5984. .avatar {
  5985.   border: 1px solid rgba(0, 0, 0, 0.23);
  5986.   border-radius: 50%;
  5987.   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); }
  5988.  
  5989. /************
  5990. * Level bar *
  5991. *************/
  5992. .source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, iconview.source-list.level-bar:selected, .source-list.view.level-bar:selected:focus, iconview.source-list.level-bar:selected:focus {
  5993.   background: linear-gradient(#333955, #333955);
  5994.   border: 1px solid rgba(0, 0, 0, 0.14);
  5995.   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  5996.   border-radius: 2px; }
  5997.  
  5998. .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block {
  5999.   border: none; }
  6000.   .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus {
  6001.     background: linear-gradient(to right, #00f17d, #00f7d2); }
  6002.  
  6003. /********
  6004. * Unity *
  6005. *********/
  6006. /* Unity window border color */
  6007. /* Unity window text color */
  6008. /* Backdrop Unity window text color */
  6009. /* Unity panel color #454D50 */
  6010. UnityDecoration {
  6011.   /* Border properties (top, right, bottom, left) */
  6012.   -UnityDecoration-extents: 28px 1px 1px 1px;
  6013.   /* the size of the decorations  */
  6014.   -UnityDecoration-input-extents: 10px;
  6015.   /* the extra size of the input areas */
  6016.   /* Shadows settings */
  6017.   -UnityDecoration-shadow-offset-x: 1px;
  6018.   /* Size property, the shadow x offset */
  6019.   -UnityDecoration-shadow-offset-y: 1px;
  6020.   /* Size property, the shadow y offset */
  6021.   -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647;
  6022.   /* Color property, active window shadow color */
  6023.   -UnityDecoration-active-shadow-radius: 8px;
  6024.   /* Size property, active window shadow radius */
  6025.   -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647;
  6026.   /* Color property, inactive windows shadow color */
  6027.   -UnityDecoration-inactive-shadow-radius: 5px;
  6028.   /* Size property, inactive windows shadow radius */
  6029.   /* Glow applied to the selected scaled window */
  6030.   -UnityDecoration-glow-size: 8px;
  6031.   /* Size property, size of glow */
  6032.   -UnityDecoration-glow-color: #144dff;
  6033.   /* Color property of the glow */
  6034.   /* Title settings */
  6035.   -UnityDecoration-title-indent: 10px;
  6036.   /* Size property, left indent of the title */
  6037.   -UnityDecoration-title-fade: 35px;
  6038.   /* Size property, space of the title that can be faded */
  6039.   -UnityDecoration-title-alignment: 0.0;
  6040.   /* Float from 0.0 to 1.0, to align the title */
  6041.   background-color: #eeeeee;
  6042.   color: #31363D; }
  6043.   UnityDecoration .top {
  6044.     padding: 0 5px 0 5px;
  6045.     border-radius: 4px 4px 0px 0px;
  6046.     box-shadow: none;
  6047.     border: 1px solid #eeeeee;
  6048.     border-bottom-width: 0;
  6049.     background-color: #eeeeee;
  6050.     color: #31363D;
  6051.     border-top: 1px solid rgba(255, 255, 255, 0.1); }
  6052.     UnityDecoration .top:backdrop {
  6053.       border-bottom-width: 0;
  6054.       color: #1a1d21;
  6055.       border-top: 1px solid rgba(255, 255, 255, 0.1); }
  6056.     UnityDecoration .top .menuitem {
  6057.       color: #31363D; }
  6058.       UnityDecoration .top .menuitem:backdrop {
  6059.         color: #1a1d21; }
  6060.  
  6061. UnityDecoration.left,
  6062. UnityDecoration.right {
  6063.   background-repeat: repeat-x;
  6064.   background-color: #ececec;
  6065.   background-size: 1px 120px;
  6066.   background-clip: border-box;
  6067.   background-image: linear-gradient(to bottom, #eeeeee, #ececec); }
  6068.  
  6069. UnityDecoration.bottom {
  6070.   background-size: 1px;
  6071.   background-repeat: repeat-x;
  6072.   background-color: #ececec; }
  6073.  
  6074. UnityDecoration.left:backdrop,
  6075. UnityDecoration.right:backdrop,
  6076. UnityDecoration.bottom:backdrop {
  6077.   background-size: 1px;
  6078.   background-repeat: repeat-x; }
  6079.  
  6080. /**************
  6081. * Unity Panel *
  6082. ***************/
  6083. UnityPanelWidget,
  6084. .unity-panel {
  6085.   background-color: #d5d5d5;
  6086.   color: #31363D; }
  6087.  
  6088. UnityPanelWidget:backdrop,
  6089. .unity-panel:backdrop {
  6090.   color: #1a1d21; }
  6091.  
  6092. .unity-panel.menuitem,
  6093. .unity-panel .menuitem {
  6094.   border-width: 0 1px;
  6095.   color: #31363D; }
  6096.  
  6097. .unity-panel.menubar,
  6098. .unity-panel .menubar {
  6099.   color: #31363D; }
  6100.  
  6101. .unity-panel.menu.menubar,
  6102. .unity-panel .menu .menubar {
  6103.   background-color: #d5d5d5;
  6104.   color: #31363D; }
  6105.  
  6106. .unity-panel.menubar:backdrop,
  6107. .unity-panel .menubar *:backdrop {
  6108.   color: #6d707b; }
  6109.  
  6110. .unity-panel.menubar.menuitem,
  6111. .unity-panel.menubar .menuitem {
  6112.   padding: 3px 5px;
  6113.   border-width: 1px;
  6114.   border-style: solid;
  6115.   border: none;
  6116.   background: none;
  6117.   color: #31363D;
  6118.   box-shadow: none; }
  6119.  
  6120. .unity-panel.menubar.menuitem:hover,
  6121. .unity-panel.menubar .menuitem:hover {
  6122.   border-radius: 0;
  6123.   background-color: #ebebeb;
  6124.   color: #31363D;
  6125.   box-shadow: none; }
  6126.  
  6127. .unity-panel.menubar .menuitem *:hover {
  6128.   color: white;
  6129.   box-shadow: none; }
  6130.  
  6131. .unity-panel.menubar .menuitem.separator,
  6132. .unity-panel.menubar.menuitem.separator {
  6133.   border: none;
  6134.   color: rgba(12, 14, 21, 0.8); }
  6135.  
  6136. /* Force Quit */
  6137. SheetStyleDialog.unity-force-quit {
  6138.   background-color: #181b28; }
  6139.  
  6140. @keyframes playbackmenuitem_spinner {
  6141.   to {
  6142.     -gtk-icon-transform: rotate(1turn); } }
  6143.  
  6144. .menu IdoPlaybackMenuItem.menuitem:active {
  6145.   -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
  6146.   animation: playbackmenuitem_spinner 1s infinite linear;
  6147.   color: #144dff; }
  6148.  
  6149. MsdOsdWindow.background.osd {
  6150.   border-radius: 2px;
  6151.   border: 1px solid rgba(12, 14, 21, 0.8); }
  6152.   MsdOsdWindow.background.osd .progressbar {
  6153.     background-color: #144dff;
  6154.     border: none;
  6155.     border-color: #144dff;
  6156.     border-radius: 5px; }
  6157.   MsdOsdWindow.background.osd .trough {
  6158.     background-color: rgba(7, 8, 11, 0.98);
  6159.     border: none;
  6160.     border-radius: 5px; }
  6161.  
  6162. /***********************
  6163.  * App-Specific Styles *
  6164.  ***********************/
  6165. /*********
  6166.  * Geary *
  6167.  *********/
  6168. .geary-titlebar-left .separator,
  6169. .geary-titlebar-right .separator {
  6170.   opacity: 0; }
  6171.  
  6172. ConversationListView {
  6173.   -GtkTreeView-grid-line-width: 0; }
  6174.   ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected {
  6175.     background-color: #144dff;
  6176.     color: #fefefe; }
  6177.     ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop {
  6178.       background-color: rgba(197, 14, 210, 0.6);
  6179.       color: rgba(254, 254, 254, 0.5); }
  6180.   ConversationListView .view .cell, ConversationListView iconview .cell {
  6181.     border: solid rgba(0, 0, 0, 0.2);
  6182.     border-width: 0 0 1px 0; }
  6183.     ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected {
  6184.       color: #fefefe;
  6185.       border: 0px solid #980ba2; }
  6186.  
  6187. /***********
  6188.  * LightDm *
  6189.  ***********/
  6190. #panel_window {
  6191.   background-color: #181b28;
  6192.   color: white;
  6193.   font-weight: bold;
  6194.   box-shadow: inset 0 -1px #0b0c12; }
  6195.   #panel_window .menubar,
  6196.   #panel_window .menubar > .menuitem menubar,
  6197.   #panel_window menubar > menuitem {
  6198.     background-color: transparent;
  6199.     color: white;
  6200.     font-weight: bold; }
  6201.   #panel_window .menubar .menuitem:disabled,
  6202.   #panel_window menubar menuitem:disabled {
  6203.     color: rgba(255, 255, 255, 0.5); }
  6204.     #panel_window .menubar .menuitem:disabled GtkLabel,
  6205.     #panel_window menubar menuitem:disabled GtkLabel {
  6206.       color: inherit; }
  6207.     #panel_window .menubar .menuitem:disabled label,
  6208.     #panel_window menubar menuitem:disabled label {
  6209.       color: inherit; }
  6210.   #panel_window .menubar .menu > .menuitem,
  6211.   #panel_window menubar menu > menuitem {
  6212.     font-weight: normal; }
  6213.  
  6214. #login_window,
  6215. #shutdown_dialog,
  6216. #restart_dialog {
  6217.   font-weight: normal;
  6218.   border-style: none;
  6219.   background-color: transparent;
  6220.   color: #C3C7D1; }
  6221.  
  6222. #content_frame {
  6223.   padding-bottom: 14px;
  6224.   background-color: #161925;
  6225.   border-top-left-radius: 2px;
  6226.   border-top-right-radius: 2px;
  6227.   border: solid rgba(0, 0, 0, 0.1);
  6228.   border-width: 1px 1px 0 1px; }
  6229.  
  6230. #content_frame button {
  6231.   font-weight: normal;
  6232.   color: #C3C7D1;
  6233.   background-color: #181b28;
  6234.   text-shadow: none; }
  6235.   #content_frame button:hover {
  6236.     color: #C3C7D1;
  6237.     outline-color: rgba(195, 199, 209, 0.3);
  6238.     background-color: #181b28;
  6239.     text-shadow: none; }
  6240.   #content_frame button:active, #content_frame button:checked {
  6241.     color: #C3C7D1;
  6242.     outline-color: rgba(195, 199, 209, 0.3);
  6243.     background-color: #144dff;
  6244.     text-shadow: none; }
  6245.   #content_frame button:disabled {
  6246.     color: #a1a5b0;
  6247.     outline-color: rgba(195, 199, 209, 0.3);
  6248.     background-color: #171a26;
  6249.     text-shadow: none; }
  6250.  
  6251. #buttonbox_frame {
  6252.   padding-top: 20px;
  6253.   padding-bottom: 0px;
  6254.   border-style: none;
  6255.   background-color: #0c0e14;
  6256.   border-bottom-left-radius: 3px;
  6257.   border-bottom-right-radius: 3px;
  6258.   border: solid rgba(0, 0, 0, 0.1);
  6259.   border-width: 0 1px 1px 1px; }
  6260.  
  6261. #buttonbox_frame button {
  6262.   color: #fefefe;
  6263.   border-color: rgba(0, 0, 0, 0.7);
  6264.   background-color: rgba(16, 19, 27, 0.98);
  6265.   background-clip: padding-box;
  6266.   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  6267.   text-shadow: 0 1px black;
  6268.   -gtk-icon-shadow: 0 1px black;
  6269.   outline-color: rgba(254, 254, 254, 0.3); }
  6270.   #buttonbox_frame button:hover {
  6271.     color: white;
  6272.     border-color: rgba(0, 0, 0, 0.7);
  6273.     background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98));
  6274.     background-clip: padding-box;
  6275.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  6276.     text-shadow: 0 1px black;
  6277.     -gtk-icon-shadow: 0 1px black;
  6278.     outline-color: rgba(254, 254, 254, 0.3); }
  6279.   #buttonbox_frame button:active, #buttonbox_frame button:checked {
  6280.     color: white;
  6281.     border-color: rgba(0, 0, 0, 0.7);
  6282.     background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98));
  6283.     background-clip: padding-box;
  6284.     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
  6285.     text-shadow: none;
  6286.     -gtk-icon-shadow: none;
  6287.     outline-color: rgba(254, 254, 254, 0.3); }
  6288.   #buttonbox_frame button:disabled {
  6289.     color: #87888d;
  6290.     border-color: rgba(0, 0, 0, 0.7);
  6291.     background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5));
  6292.     background-clip: padding-box;
  6293.     box-shadow: none;
  6294.     text-shadow: none;
  6295.     -gtk-icon-shadow: none; }
  6296.  
  6297. #login_window #user_combobox {
  6298.   color: #C3C7D1;
  6299.   font-size: 13px; }
  6300.   #login_window #user_combobox .menu,
  6301.   #login_window #user_combobox menu {
  6302.     font-weight: normal; }
  6303.  
  6304. #user_image {
  6305.   padding: 3px;
  6306.   border-radius: 2px; }
  6307.  
  6308. #greeter_infobar {
  6309.   border-bottom-width: 0;
  6310.   font-weight: bold; }
  6311.  
  6312. .nemo-window .places-treeview {
  6313.   -NemoPlacesTreeView-disk-full-bg-color: #333955;
  6314.   -NemoPlacesTreeView-disk-full-fg-color: #00e8c6;
  6315.   -GtkTreeView-vertical-separator: 7; }
  6316.   .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover,
  6317.   .nemo-window .places-treeview iconview.cell:hover {
  6318.     background: rgba(16, 19, 27, 0.7); }
  6319.   .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected,
  6320.   .nemo-window .places-treeview iconview.cell:selected {
  6321.     background: #144dff; }
  6322.  
  6323. .nemo-window .sidebar {
  6324.   color: #98abb2;
  6325.   background-color: #161925; }
  6326.   .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row {
  6327.     background-color: transparent; }
  6328.  
  6329. .nemo-window .nemo-window-pane widget.entry {
  6330.   background-clip: padding-box;
  6331.   min-height: 28px;
  6332.   padding: 5px;
  6333.   color: #C3C7D1;
  6334.   border: 1px solid rgba(12, 14, 21, 0.8);
  6335.   border-radius: 3px;
  6336.   box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); }
  6337.   .nemo-window .nemo-window-pane widget.entry:selected {
  6338.     background-color: #144dff;
  6339.     color: #fefefe; }
  6340. /*
  6341. .nemo-window toolbar.primary-toolbar {
  6342.   margin-bottom: -1px;
  6343.   background: #0c0e14; }
  6344.   .nemo-window toolbar.primary-toolbar button {
  6345.     color: #8b8b8b;
  6346.     text-shadow: none;
  6347.     box-shadow: none;
  6348.     background: transparent;
  6349.     border: none;
  6350.     margin-top: 5px;
  6351.     margin-bottom: 5px;
  6352.     height: 24px; }
  6353.     .nemo-window toolbar.primary-toolbar button:hover {
  6354.       color: #144dff; }
  6355.     .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked {
  6356.       border-radius: 23px;
  6357.       background: linear-gradient(to right, #144dff, #8500f7);
  6358.       box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
  6359.       color: white; }
  6360.       */
  6361.  
Add Comment
Please, Sign In to add comment