1@keyframes ripple_effect {
2  to {
3    background-size: 1000% 1000%;
4  }
5}
6
7@keyframes scale_ripple_effect {
8  to {
9    background-size: auto, 1000% 1000%;
10  }
11}
12
13@keyframes header_ripple_effect {
14  from {
15    background-image: radial-gradient(circle farthest-corner at center, #5657f5 0%, transparent 0%);
16  }
17  to {
18    background-image: radial-gradient(circle farthest-corner at center, #5657f5 100%, transparent 0%);
19  }
20}
21
22* {
23  background-clip: padding-box;
24  -GtkToolButton-icon-spacing: 0;
25  -GtkTextView-error-underline-color: #DD2C00;
26  -GtkScrolledWindow-scrollbar-spacing: 0;
27  -GtkToolItemGroup-expander-size: 11;
28  -GtkWidget-text-handle-width: 24;
29  -GtkWidget-text-handle-height: 24;
30  -GtkDialog-button-spacing: 4;
31  -GtkDialog-action-area-border: 0;
32  outline-style: solid;
33  outline-width: 2px;
34  outline-color: transparent;
35  outline-offset: -4px;
36  -gtk-outline-radius: 7px;
37  -gtk-secondary-caret-color: #5657f5;
38}
39
40notebook:focus tab,
41*:focus {
42  outline-color: alpha(currentColor, 0.3);
43}
44
45/***************
46 * Base States *
47 ***************/
48.background {
49  background-color: rgba(244, 244, 249, 0.999);
50  color: rgba(0, 0, 0, 0.75);
51}
52
53.background.csd {
54  border-radius: 0 0 13px 13px;
55}
56
57.background.maximized, .background.solid-csd {
58  border-radius: 0;
59}
60
61/*
62   These wildcard seems unavoidable, need to investigate.
63   Wildcards are bad and troublesome, use them with care,
64   or better, just don't.
65   Everytime a wildcard is used a kitten dies, painfully.
66*/
67*:disabled {
68  -gtk-icon-effect: dim;
69}
70
71.gtkstyle-fallback {
72  background-color: #f4f4f9;
73  color: rgba(0, 0, 0, 0.75);
74}
75
76.gtkstyle-fallback:hover {
77  background-color: #e4e4f0;
78  color: rgba(0, 0, 0, 0.75);
79}
80
81.gtkstyle-fallback:active {
82  background-color: #d3d3e7;
83  color: rgba(0, 0, 0, 0.75);
84}
85
86.gtkstyle-fallback:disabled {
87  background-color: #f4f4f9;
88  color: rgba(0, 0, 0, 0.38);
89}
90
91.gtkstyle-fallback:selected {
92  background-color: #5657f5;
93  color: #FFFFFF;
94}
95
96window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, iconview, .view {
97  background-color: #FFFFFF;
98  color: rgba(0, 0, 0, 0.75);
99}
100
101window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled, filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled {
102  color: rgba(0, 0, 0, 0.38);
103}
104
105textview text {
106  background-color: #FFFFFF;
107}
108
109textview border {
110  background-color: #eaeaf4;
111  color: rgba(0, 0, 0, 0.38);
112}
113
114iconview {
115  border-radius: 5px;
116}
117
118.rubberband,
119rubberband,
120XfdesktopIconView.view .rubberband,
121.content-view rubberband,
122.content-view .rubberband,
123treeview.view rubberband,
124flowbox rubberband {
125  border: 1px solid #5C6BC0;
126  background-color: rgba(92, 107, 192, 0.3);
127}
128
129flowbox flowboxchild {
130  padding: 4px;
131  border-radius: 7px;
132}
133
134.content-view .tile:selected {
135  background-color: transparent;
136  color: inherit;
137}
138
139label {
140  caret-color: currentColor;
141}
142
143label.separator {
144  color: rgba(0, 0, 0, 0.75);
145}
146
147label selection {
148  background-color: #5657f5;
149  color: #FFFFFF;
150}
151
152label:disabled {
153  color: rgba(0, 0, 0, 0.38);
154}
155
156label:disabled selection {
157  color: rgba(255, 255, 255, 0.5);
158}
159
160tab label:disabled, button label:disabled {
161  color: inherit;
162}
163
164.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, headerbar .subtitle, label.separator {
165  opacity: 0.6;
166}
167
168assistant .sidebar {
169  padding: 4px 0;
170}
171
172assistant .sidebar label {
173  min-height: 32px;
174  padding: 0 12px;
175  color: rgba(0, 0, 0, 0.38);
176  font-weight: 500;
177}
178
179assistant .sidebar label.highlight {
180  color: rgba(0, 0, 0, 0.75);
181}
182
183.nautilus-window .floating-bar, .osd .scale-popup, .app-notification, popover.touch-selection, popover.magnifier, popover.osd,
184popover.background.touch-selection,
185popover.background.magnifier,
186popover.background.osd,
187popover.background.menu.touch-selection,
188popover.background.menu.magnifier,
189popover.background.menu.osd, .osd {
190  opacity: 0.9;
191}
192
193/*********************
194 * Spinner Animation *
195 *********************/
196@keyframes spin {
197  to {
198    -gtk-icon-transform: rotate(1turn);
199  }
200}
201
202spinner {
203  background: none;
204  opacity: 0;
205  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
206}
207
208spinner:checked {
209  opacity: 1;
210  animation: spin 1s linear infinite;
211}
212
213spinner:checked:disabled {
214  opacity: 0.5;
215}
216
217/****************
218 * Text Entries *
219 ****************/
220spinbutton:not(.vertical), entry {
221  min-height: 32px;
222  padding: 0 8px;
223  border-radius: 7px;
224  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
225  border-image: none;
226  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
227  background-color: #FFFFFF;
228  color: rgba(0, 0, 0, 0.75);
229}
230
231spinbutton:focus:not(.vertical), entry:focus {
232  border-image: none;
233  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
234}
235
236spinbutton:disabled:not(.vertical), entry:disabled {
237  box-shadow: none;
238  background-color: #eaeaf4;
239  color: rgba(0, 0, 0, 0.38);
240}
241
242#login_window entry, .raven .raven-background spinbutton:not(.vertical), .budgie-popover entry,
243.budgie-popover spinbutton:not(.vertical), window#whiskermenu-window entry, editortweak entry.search, layoutpane entry.search, entry.preferences-search, colorchooser .popover.osd spinbutton:not(.vertical), messagedialog entry, notebook > stack:not(:only-child) entry:not(.search),
244notebook > stack:not(:only-child) spinbutton:not(.vertical), popover .linked entry, popover entry,
245popover spinbutton:not(.vertical),
246popover.background .linked entry,
247popover.background entry,
248popover.background spinbutton:not(.vertical),
249popover.background.menu .linked entry,
250popover.background.menu entry,
251popover.background.menu spinbutton:not(.vertical), spinbutton.flat:not(.vertical), entry.flat {
252  border-radius: 0;
253  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
254  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
255  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
256  background-color: transparent;
257  color: rgba(0, 0, 0, 0.75);
258}
259
260#login_window entry:focus, .raven .raven-background spinbutton:focus:not(.vertical), .budgie-popover entry:focus,
261.budgie-popover spinbutton:focus:not(.vertical), window#whiskermenu-window entry:focus, editortweak entry.search:focus, layoutpane entry.search:focus, entry.preferences-search:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), messagedialog entry:focus, notebook > stack:not(:only-child) entry:focus:not(.search),
262notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), popover .linked entry:focus, popover entry:focus,
263popover spinbutton:focus:not(.vertical),
264popover.background .linked entry:focus,
265popover.background entry:focus,
266popover.background spinbutton:focus:not(.vertical),
267popover.background.menu .linked entry:focus,
268popover.background.menu entry:focus,
269popover.background.menu spinbutton:focus:not(.vertical), spinbutton.flat:focus:not(.vertical), entry.flat:focus {
270  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
271  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
272}
273
274#login_window entry:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), .budgie-popover entry:disabled,
275.budgie-popover spinbutton:disabled:not(.vertical), window#whiskermenu-window entry:disabled, editortweak entry.search:disabled, layoutpane entry.search:disabled, entry.preferences-search:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), messagedialog entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search),
276notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover .linked entry:disabled, popover entry:disabled,
277popover spinbutton:disabled:not(.vertical),
278popover.background .linked entry:disabled,
279popover.background entry:disabled,
280popover.background spinbutton:disabled:not(.vertical),
281popover.background.menu .linked entry:disabled,
282popover.background.menu entry:disabled,
283popover.background.menu spinbutton:disabled:not(.vertical), spinbutton.flat:disabled:not(.vertical), entry.flat:disabled {
284  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
285  background-color: transparent;
286  color: rgba(0, 0, 0, 0.38);
287}
288
289spinbutton:not(.vertical) image, entry image {
290  color: rgba(0, 0, 0, 0.55);
291}
292
293spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active {
294  color: rgba(0, 0, 0, 0.75);
295}
296
297spinbutton:not(.vertical) image:disabled, entry image:disabled {
298  color: rgba(0, 0, 0, 0.38);
299}
300
301spinbutton:not(.vertical) image.left, entry image.left {
302  margin-left: 0px;
303  margin-right: 6px;
304}
305
306spinbutton:not(.vertical) image.right, entry image.right {
307  margin-left: 6px;
308  margin-right: 0px;
309}
310
311spinbutton:not(.vertical) undershoot.left, entry undershoot.left {
312  background-color: transparent;
313  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
314  padding-left: 1px;
315  background-size: 1px 12px;
316  background-repeat: repeat-y;
317  background-origin: content-box;
318  background-position: left top;
319}
320
321spinbutton:not(.vertical) undershoot.right, entry undershoot.right {
322  background-color: transparent;
323  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
324  padding-right: 1px;
325  background-size: 1px 12px;
326  background-repeat: repeat-y;
327  background-origin: content-box;
328  background-position: right top;
329}
330
331spinbutton.error:not(.vertical), entry.error {
332  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
333  border-image: none;
334  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
335  background-color: #DD2C00;
336  color: #FFFFFF;
337}
338
339spinbutton.error:focus:not(.vertical), entry.error:focus {
340  border-image: none;
341  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
342}
343
344spinbutton.error:disabled:not(.vertical), entry.error:disabled {
345  box-shadow: none;
346  background-color: #eaeaf4;
347  color: rgba(0, 0, 0, 0.38);
348}
349
350spinbutton.error.flat:not(.vertical), entry.error.flat {
351  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
352  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
353  box-shadow: inset 0 -1px #DD2C00;
354  background-color: transparent;
355  color: rgba(0, 0, 0, 0.75);
356}
357
358spinbutton.error.flat:focus:not(.vertical), entry.error.flat:focus {
359  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
360  box-shadow: inset 0 -1px #DD2C00;
361}
362
363spinbutton.error.flat:disabled:not(.vertical), entry.error.flat:disabled {
364  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
365  background-color: transparent;
366  color: rgba(0, 0, 0, 0.38);
367}
368
369spinbutton.error:not(.vertical) image, entry.error image {
370  color: rgba(255, 255, 255, 0.7);
371}
372
373spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active {
374  color: #FFFFFF;
375}
376
377spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled {
378  color: rgba(255, 255, 255, 0.5);
379}
380
381spinbutton.warning:not(.vertical), entry.warning {
382  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
383  border-image: none;
384  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
385  background-color: #FF6D00;
386  color: #FFFFFF;
387}
388
389spinbutton.warning:focus:not(.vertical), entry.warning:focus {
390  border-image: none;
391  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
392}
393
394spinbutton.warning:disabled:not(.vertical), entry.warning:disabled {
395  box-shadow: none;
396  background-color: #eaeaf4;
397  color: rgba(0, 0, 0, 0.38);
398}
399
400spinbutton.warning.flat:not(.vertical), entry.warning.flat {
401  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
402  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
403  box-shadow: inset 0 -1px #FF6D00;
404  background-color: transparent;
405  color: rgba(0, 0, 0, 0.75);
406}
407
408spinbutton.warning.flat:focus:not(.vertical), entry.warning.flat:focus {
409  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
410  box-shadow: inset 0 -1px #FF6D00;
411}
412
413spinbutton.warning.flat:disabled:not(.vertical), entry.warning.flat:disabled {
414  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
415  background-color: transparent;
416  color: rgba(0, 0, 0, 0.38);
417}
418
419spinbutton.warning:not(.vertical) image, entry.warning image {
420  color: rgba(255, 255, 255, 0.7);
421}
422
423spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active {
424  color: #FFFFFF;
425}
426
427spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled {
428  color: rgba(255, 255, 255, 0.5);
429}
430
431spinbutton:not(.vertical) progress, entry progress {
432  margin: 2px -6px;
433  border-bottom: 2px solid #5657f5;
434  background-color: transparent;
435}
436
437.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat {
438  border-radius: 0;
439}
440
441notebook > stack:not(:only-child) treeview entry:not(.search),
442notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
443treeview entry {
444  min-height: 0;
445  padding: 2px;
446  border-radius: 0;
447  background-color: #FFFFFF;
448}
449
450notebook > stack:not(:only-child) treeview entry:not(.search),
451notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
452treeview entry {
453  border-image: none;
454  box-shadow: none;
455}
456
457.entry-tag, .photos-entry-tag, .documents-entry-tag {
458  margin: 2px;
459  border-radius: 9999px;
460  box-shadow: none;
461  background-color: #5657f5;
462  color: #FFFFFF;
463}
464
465.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
466  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
467}
468
469:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
470  margin-left: 4px;
471  margin-right: 0;
472  padding-left: 12px;
473  padding-right: 8px;
474}
475
476:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
477  margin-left: 0;
478  margin-right: 4px;
479  padding-left: 8px;
480  padding-right: 12px;
481}
482
483.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
484  box-shadow: none;
485  background-color: transparent;
486}
487
488.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
489  color: rgba(255, 255, 255, 0.7);
490}
491
492/***********
493 * Buttons *
494 ***********/
495@keyframes needs_attention {
496  from {
497    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent));
498  }
499  to {
500    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7C4DFF), to(transparent));
501  }
502}
503
504
505button {
506  min-height: 24px;
507  min-width: 16px;
508  padding: 4px 8px;
509  border-radius: 7px;
510  font-weight: 500;
511  transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
512  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 9999px transparent;
513  background-color: #FFFFFF;
514  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
515  background-repeat: no-repeat;
516  background-position: center;
517  background-size: 1000% 1000%;
518  color: rgba(0, 0, 0, 0.65);
519}
520
521
522button:hover {
523  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px transparent;
524  color: rgba(0, 0, 0, 0.75);
525}
526
527
528button:active {
529  transition: 100ms, background-size 0, background-image 0;
530  animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards;
531  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px alpha(currentColor, 0.15);
532  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
533  background-size: 0% 0%;
534  color: rgba(0, 0, 0, 0.75);
535}
536
537
538button:disabled {
539  box-shadow: none;
540  background-color: #eaeaf4;
541  color: rgba(0, 0, 0, 0.26);
542}
543
544
545button:checked {
546  background-color: #5657f5;
547  color: #FFFFFF;
548  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
549  background-size: auto auto;
550  background-position: center center;
551  background-repeat: no-repeat;
552}
553
554
555button:checked:disabled {
556  background-color: rgba(86, 87, 245, 0.3);
557  color: rgba(86, 87, 245, 0.5);
558  background-image: none;
559}
560
561.lightdm-gtk-greeter button, .budgie-polkit-dialog .linked.horizontal > button,
562.budgie-session-dialog .linked.horizontal > button, .drop-shadow button, .raven .raven-header.top stackswitcher button, .raven .raven-header:not(.top) button, .raven stackswitcher.linked > button, .budgie-popover button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, popover.messagepopover .popover-action-area button, .gedit-search-slider button, placessidebar row button.sidebar-button, messagedialog.csd .dialog-action-area button, messagedialog .dialog-action-area button, calendar.button, check,
563radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
564.menuitem.button.flat, .budgie-panel button, PanelToplevel.horizontal > grid > button, .mate-panel-menu-bar button, .nemo-window .toolbar button, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
565.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button, layouttabbar button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button,
566headerbar button:not(.suggested-action):not(.destructive-action), toolbar button,
567button.flat {
568  transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
569  box-shadow: inset 0 0 0 9999px transparent;
570  background-color: transparent;
571  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
572  background-repeat: no-repeat;
573  background-position: center;
574  background-size: 1000% 1000%;
575  color: rgba(0, 0, 0, 0.55);
576}
577
578.lightdm-gtk-greeter button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover,
579.budgie-session-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .raven .raven-header.top stackswitcher button:hover, .raven .raven-header:not(.top) button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, popover.messagepopover .popover-action-area button:hover, .gedit-search-slider button:hover, placessidebar row button.sidebar-button:hover, messagedialog .dialog-action-area button:hover, calendar.button:hover, check:hover,
580radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
581.menuitem.button.flat:hover, .budgie-panel button:hover, PanelToplevel.horizontal > grid > button:hover, .mate-panel-menu-bar button:hover, .nemo-window .toolbar button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:hover,
582.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:hover, layouttabbar button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover,
583headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover,
584button.flat:hover {
585  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
586  color: rgba(0, 0, 0, 0.75);
587}
588
589.lightdm-gtk-greeter button:active, .budgie-polkit-dialog .linked.horizontal > button:active,
590.budgie-session-dialog .linked.horizontal > button:active, .drop-shadow button:active, .raven .raven-header.top stackswitcher button:active, .raven .raven-header:not(.top) button:active, .raven stackswitcher.linked > button:active, .budgie-popover button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, popover.messagepopover .popover-action-area button:active, .gedit-search-slider button:active, placessidebar row button.sidebar-button:active, messagedialog .dialog-action-area button:active, calendar.button:active, check:active,
591radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
592.menuitem.button.flat:active, .budgie-panel button:active, PanelToplevel.horizontal > grid > button:active, .mate-panel-menu-bar button:active, .nemo-window .toolbar button:active, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:active,
593.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:active, layouttabbar button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active,
594headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active,
595button.flat:active {
596  transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
597  animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards;
598  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
599  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
600  background-size: 0% 0%;
601  color: rgba(0, 0, 0, 0.75);
602}
603
604.lightdm-gtk-greeter button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled,
605.budgie-session-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .raven .raven-header.top stackswitcher button:disabled, .raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, popover.messagepopover .popover-action-area button:disabled, .gedit-search-slider button:disabled, placessidebar row button.sidebar-button:disabled, messagedialog .dialog-action-area button:disabled, calendar.button:disabled, check:disabled,
606radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
607.menuitem.button.flat:disabled, .budgie-panel button:disabled, PanelToplevel.horizontal > grid > button:disabled, .mate-panel-menu-bar button:disabled, .nemo-window .toolbar button:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:disabled,
608.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:disabled, layouttabbar button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled,
609headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled,
610button.flat:disabled {
611  box-shadow: none;
612  background-color: transparent;
613  color: rgba(0, 0, 0, 0.26);
614}
615
616.budgie-panel button:checked, PanelToplevel.horizontal > grid > button:checked, .mate-panel-menu-bar button:checked, .nemo-window .toolbar button:checked, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked,
617.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:checked, layouttabbar button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked,
618headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked,
619button.flat:checked {
620  background-color: rgba(0, 0, 0, 0.2);
621  color: rgba(0, 0, 0, 0.75);
622}
623
624.budgie-panel button:checked:disabled, PanelToplevel.horizontal > grid > button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nemo-window .toolbar button:checked:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked:disabled, layouttabbar button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled,
625headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled,
626button.flat:checked:disabled {
627  background-color: rgba(0, 0, 0, 0.08);
628  color: rgba(0, 0, 0, 0.38);
629}
630
631
632button.text-button {
633  padding-left: 16px;
634  padding-right: 16px;
635}
636
637
638button.image-button {
639  min-width: 24px;
640  padding: 4px;
641}
642
643
644button.text-button.image-button label:first-child {
645  margin-left: 12px;
646}
647
648
649button.text-button.image-button label:last-child {
650  margin-right: 12px;
651}
652
653
654button.text-button.image-button image:not(:only-child) {
655  margin: 0 4px;
656}
657
658.linked > button.flat, .linked.vertical > button.flat {
659  border-radius: 7px;
660}
661
662.linked > button.flat.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.image-button, .linked.vertical > button.flat.text-button.image-button {
663  border-radius: 7px;
664  -gtk-outline-radius: 7px;
665}
666
667row:selected button:disabled {
668  background-color: rgba(255, 255, 255, 0.12);
669  color: rgba(255, 255, 255, 0.3);
670}
671
672.raven-mpris button.image-button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, row:selected button.flat {
673  color: rgba(255, 255, 255, 0.7);
674}
675
676.raven-mpris button.image-button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .raven-mpris button.image-button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, row:selected button.flat:hover, row:selected button.flat:active {
677  color: #FFFFFF;
678}
679
680.raven-mpris button.image-button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button.flat:disabled {
681  color: rgba(255, 255, 255, 0.3);
682}
683
684.raven-mpris button.image-button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, row:selected button.flat:checked {
685  background-color: rgba(255, 255, 255, 0.3);
686  color: #FFFFFF;
687}
688
689.raven-mpris button.image-button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, row:selected button.flat:checked:disabled {
690  background-color: rgba(255, 255, 255, 0.12);
691  color: rgba(255, 255, 255, 0.5);
692}
693
694
695button.osd {
696  padding: 7px 11px;
697}
698
699
700button.osd.image-button {
701  padding: 7px;
702}
703
704
705button.osd:disabled {
706  opacity: 0;
707}
708
709
710button.suggested-action {
711  background-color: #7C4DFF;
712  color: #FFFFFF;
713  background-image: linear-gradient(to bottom, #4FC3F7, #42A5F5);
714  background-size: auto auto;
715  background-position: center center;
716  background-repeat: no-repeat;
717}
718
719
720button.suggested-action:disabled {
721  box-shadow: none;
722  background-color: #eaeaf4;
723  color: rgba(0, 0, 0, 0.38);
724  background-image: none;
725}
726
727
728button.suggested-action:checked {
729  background-color: #a382ff;
730}
731
732
733button.suggested-action.flat {
734  background-color: transparent;
735  color: #7C4DFF;
736  background-image: none;
737}
738
739
740button.suggested-action.flat:disabled {
741  box-shadow: none;
742  background-color: transparent;
743  color: rgba(0, 0, 0, 0.38);
744  background-image: none;
745}
746
747
748button.suggested-action.flat:checked {
749  background-image: none;
750  background-color: rgba(124, 77, 255, 0.3);
751}
752
753
754button.destructive-action {
755  background-color: #FF5252;
756  color: #FFFFFF;
757  background-image: linear-gradient(to bottom, #EF5350, #FF5252);
758  background-size: auto auto;
759  background-position: center center;
760  background-repeat: no-repeat;
761}
762
763
764button.destructive-action:disabled {
765  box-shadow: none;
766  background-color: #eaeaf4;
767  color: rgba(0, 0, 0, 0.38);
768  background-image: none;
769}
770
771
772button.destructive-action:checked {
773  background-color: #ff8686;
774}
775
776
777button.destructive-action.flat {
778  background-color: transparent;
779  color: #FF5252;
780  background-image: none;
781}
782
783
784button.destructive-action.flat:disabled {
785  box-shadow: none;
786  background-color: transparent;
787  color: rgba(0, 0, 0, 0.38);
788  background-image: none;
789}
790
791
792button.destructive-action.flat:checked {
793  background-image: none;
794  background-color: rgba(255, 82, 82, 0.3);
795}
796
797.stack-switcher > button {
798  outline-offset: -4px;
799}
800
801.stack-switcher > button > label {
802  padding-left: 6px;
803  padding-right: 6px;
804}
805
806.stack-switcher > button > image {
807  padding-left: 6px;
808  padding-right: 6px;
809  padding-top: 3px;
810  padding-bottom: 3px;
811}
812
813.stack-switcher > button.text-button {
814  padding-left: 10px;
815  padding-right: 10px;
816}
817
818.stack-switcher > button.image-button {
819  padding-left: 2px;
820  padding-right: 2px;
821}
822
823.stack-switcher > button.needs-attention:checked > label,
824.stack-switcher > button.needs-attention:checked > image {
825  animation: none;
826  background-image: none;
827}
828
829.primary-toolbar button {
830  -gtk-icon-shadow: none;
831}
832
833.raven .expander-button, .raven .raven-header:not(.top) button.image-button, widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle, .terminix-session-sidebar button.tilix-sidebar-close-button,
834.tilix-session-sidebar button.tilix-sidebar-close-button, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
835.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button, .nautilus-window headerbar > revealer > button, .solid-csd headerbar:not(.default-decoration) button.titlebutton, headerbar button.titlebutton, .csd headerbar button.titlebutton, headerbar.default-decoration button.titlebutton, .csd headerbar.default-decoration button.titlebutton,
836.titlebar button.titlebutton, .csd .titlebar button.titlebutton,
837.titlebar.default-decoration button.titlebutton, .csd .titlebar.default-decoration button.titlebutton, row button.image-button, check,
838radio, headerbar button.suggested-action, headerbar button.destructive-action,
839headerbar button:not(.suggested-action):not(.destructive-action),
840button.close,
841button.circular {
842  border-radius: 9999px;
843  -gtk-outline-radius: 9999px;
844}
845
846.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button {
847  min-height: 20px;
848  min-width: 20px;
849  padding: 0;
850  border-radius: 9999px;
851  -gtk-outline-radius: 9999px;
852}
853
854stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
855.stack-switcher > button.needs-attention > image {
856  animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
857  background-repeat: no-repeat;
858  background-position: right 3px;
859  background-size: 6px 6px;
860}
861
862stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
863.stack-switcher > button.needs-attention > image:dir(rtl) {
864  background-position: left 3px;
865}
866
867.linked:not(.vertical) > combobox > box > button.combo, row .linked button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button {
868  border-radius: 0;
869  -gtk-outline-radius: 7px;
870}
871
872row .linked button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child {
873  border-top-left-radius: 7px;
874  border-bottom-left-radius: 7px;
875}
876
877row .linked button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child {
878  border-top-right-radius: 7px;
879  border-bottom-right-radius: 7px;
880}
881
882row .linked button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child {
883  border-radius: 7px;
884}
885
886.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button {
887  border-radius: 0;
888  -gtk-outline-radius: 7px;
889}
890
891.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
892  border-top-left-radius: 7px;
893  border-top-right-radius: 7px;
894}
895
896.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
897  border-bottom-left-radius: 7px;
898  border-bottom-right-radius: 7px;
899}
900
901.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
902  border-radius: 7px;
903}
904
905/* menu buttons */
906modelbutton.flat,
907.menuitem.button.flat {
908  min-height: 28px;
909  padding: 0 8px;
910  border-radius: 7px;
911  color: inherit;
912}
913
914modelbutton.flat arrow {
915  background: none;
916}
917
918modelbutton.flat arrow:hover {
919  background: none;
920}
921
922modelbutton.flat arrow.left {
923  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
924}
925
926modelbutton.flat arrow.right {
927  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
928}
929
930button.color {
931  min-height: 20px;
932  min-width: 20px;
933  padding: 4px;
934}
935
936/*********
937 * Links *
938 *********/
939*:link, button:link,
940button:visited {
941  color: #5657f5;
942}
943
944*:link:visited, *:link:visited:hover, *:link:visited:active,
945button:visited {
946  color: #E040FB;
947}
948
949infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link,
950button:selected:visited, *:selected button:link,
951*:selected button:visited {
952  color: #FFFFFF;
953}
954
955button:link > label,
956button:visited > label {
957  text-decoration-line: underline;
958}
959
960/*****************
961 * GtkSpinButton *
962 *****************/
963spinbutton:not(.vertical) {
964  padding: 0;
965}
966
967.budgie-popover spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
968spinbutton:not(.vertical) entry {
969  min-width: 22px;
970  margin: 0;
971  border-image: none;
972  border-radius: 0;
973  box-shadow: none;
974  background-color: transparent;
975}
976
977spinbutton:not(.vertical) button {
978  border: solid 6px transparent;
979}
980
981spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
982  margin-left: -3px;
983}
984
985spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
986  margin-right: -3px;
987}
988
989spinbutton.vertical:disabled {
990  color: rgba(0, 0, 0, 0.38);
991}
992
993spinbutton.vertical:drop(active) {
994  box-shadow: none;
995}
996
997spinbutton.vertical entry {
998  min-height: 32px;
999  min-width: 38px;
1000  padding: 0;
1001}
1002
1003spinbutton.vertical button {
1004  min-height: 32px;
1005  min-width: 38px;
1006  padding: 0;
1007}
1008
1009spinbutton.vertical button.up {
1010  border-radius: 7px 7px 0 0;
1011}
1012
1013spinbutton.vertical button.down {
1014  border-radius: 0 0 7px 7px;
1015}
1016
1017treeview spinbutton:not(.vertical) {
1018  min-height: 0;
1019  border-style: none;
1020  border-radius: 0;
1021}
1022
1023treeview spinbutton:not(.vertical) entry {
1024  min-height: 0;
1025  padding: 1px 2px;
1026}
1027
1028/**************
1029 * ComboBoxes *
1030 **************/
1031combobox arrow {
1032  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1033  min-height: 16px;
1034  min-width: 16px;
1035}
1036
1037combobox decoration,
1038combobox button.combo:checked {
1039  transition: none;
1040}
1041
1042combobox button.combo cellview:dir(ltr) {
1043  margin-left: 0px;
1044}
1045
1046combobox button.combo cellview:dir(rtl) {
1047  margin-right: 0px;
1048}
1049
1050combobox #gtk-combobox-popup-menu menuitem {
1051  min-height: 28px;
1052  padding: 0 8px;
1053}
1054
1055combobox #gtk-combobox-popup-menu > arrow.top {
1056  margin-top: -2px;
1057}
1058
1059combobox #gtk-combobox-popup-menu > arrow.bottom {
1060  margin-top: 4px;
1061  margin-bottom: -6px;
1062}
1063
1064combobox.linked button:nth-child(2):dir(ltr) {
1065  border-top-left-radius: 7px;
1066  border-bottom-left-radius: 7px;
1067}
1068
1069combobox.linked button:nth-child(2):dir(rtl) {
1070  border-top-right-radius: 7px;
1071  border-bottom-right-radius: 7px;
1072}
1073
1074combobox:drop(active) {
1075  box-shadow: none;
1076}
1077
1078.linked:not(.vertical) > combobox:first-child > box > button.combo {
1079  border-top-left-radius: 7px;
1080  border-bottom-left-radius: 7px;
1081}
1082
1083.linked:not(.vertical) > combobox:last-child > box > button.combo {
1084  border-bottom-right-radius: 7px;
1085  border-top-right-radius: 7px;
1086}
1087
1088.linked:not(.vertical) > combobox:only-child > box > button.combo {
1089  border-radius: 7px;
1090}
1091
1092.linked.vertical > combobox:first-child > box > button.combo {
1093  border-top-left-radius: 7px;
1094  border-top-right-radius: 7px;
1095}
1096
1097.linked.vertical > combobox:last-child > box > button.combo {
1098  border-bottom-left-radius: 7px;
1099  border-bottom-right-radius: 7px;
1100}
1101
1102.linked.vertical > combobox:only-child > box > button.combo {
1103  border-radius: 7px;
1104}
1105
1106#login_window #user_combobox button, .raven .raven-background button.combo, .budgie-popover button.combo, notebook > stack:not(:only-child) button.combo, popover button.combo,
1107popover.background button.combo,
1108popover.background.menu button.combo {
1109  border-radius: 0;
1110  background-image: none;
1111  font-weight: inherit;
1112  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1113  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
1114  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
1115  background-color: transparent;
1116  color: rgba(0, 0, 0, 0.75);
1117}
1118
1119#login_window #user_combobox button:hover, .raven .raven-background button.combo:hover, .budgie-popover button.combo:hover, notebook > stack:not(:only-child) button.combo:hover, popover button.combo:hover,
1120popover.background button.combo:hover,
1121popover.background.menu button.combo:hover {
1122  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1123}
1124
1125#login_window #user_combobox button:checked, .raven .raven-background button.combo:checked, .budgie-popover button.combo:checked, notebook > stack:not(:only-child) button.combo:checked, popover button.combo:checked,
1126popover.background button.combo:checked,
1127popover.background.menu button.combo:checked {
1128  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
1129}
1130
1131#login_window #user_combobox button:disabled, .raven .raven-background button.combo:disabled, .budgie-popover button.combo:disabled, notebook > stack:not(:only-child) button.combo:disabled, popover button.combo:disabled,
1132popover.background button.combo:disabled,
1133popover.background.menu button.combo:disabled {
1134  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
1135  color: rgba(0, 0, 0, 0.38);
1136}
1137
1138/************
1139 * Toolbars *
1140 ************/
1141toolbar {
1142  -GtkWidget-window-dragging: true;
1143  padding: 2px;
1144  background-color: #f4f4f9;
1145}
1146
1147.osd toolbar {
1148  background-color: transparent;
1149}
1150
1151frame.documents-dropdown, .app-notification, toolbar.osd {
1152  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1153  padding: 4px;
1154  border-radius: 7px;
1155  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.4);
1156  background-color: #FFFFFF;
1157}
1158
1159frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
1160  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
1161}
1162
1163frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
1164  border-radius: 0;
1165}
1166
1167toolbar.horizontal > separator {
1168  margin: 2px;
1169}
1170
1171toolbar.vertical > separator {
1172  margin: 2px;
1173}
1174
1175toolbar:not(.inline-toolbar):not(.osd) scale,
1176toolbar:not(.inline-toolbar):not(.osd) entry,
1177toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1178toolbar:not(.inline-toolbar):not(.osd) button {
1179  margin: 2px;
1180}
1181
1182toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1183toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1184toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1185  margin-left: 0;
1186}
1187
1188toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1189toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1190toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1191  margin-right: 0;
1192}
1193
1194toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1195toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1196  margin: 0;
1197}
1198
1199toolbar:not(.inline-toolbar):not(.osd) switch {
1200  margin: 6px 2px;
1201}
1202
1203.inline-toolbar {
1204  padding: 4px;
1205  border-style: solid;
1206  border-width: 0 1px 1px;
1207  border-color: rgba(0, 0, 0, 0.08);
1208  background-color: #eaeaf4;
1209}
1210
1211searchbar > revealer > box,
1212.location-bar {
1213  padding: 4px;
1214  border-style: solid;
1215  border-width: 0 0 1px;
1216  border-color: rgba(0, 0, 0, 0.08);
1217  background-color: #f4f4f9;
1218  background-clip: border-box;
1219}
1220
1221searchbar > revealer > box {
1222  margin: -6px;
1223  padding: 4px;
1224}
1225
1226actionbar {
1227  border-radius: 0 0 13px 13px;
1228}
1229
1230/***************
1231 * Header bars *
1232 ***************/
1233headerbar {
1234  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1235  min-height: 38px;
1236  padding: 0 4px;
1237  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.08);
1238  background-color: #31313a;
1239  color: #FFFFFF;
1240}
1241
1242headerbar:disabled :not(button) > label {
1243  color: rgba(255, 255, 255, 0.5);
1244}
1245
1246headerbar:backdrop {
1247  color: rgba(255, 255, 255, 0.7);
1248}
1249
1250headerbar:backdrop:disabled :not(button) > label {
1251  color: rgba(255, 255, 255, 0.3);
1252}
1253
1254headerbar .title {
1255  padding: 0 12px;
1256  font-weight: bold;
1257}
1258
1259headerbar .subtitle {
1260  padding: 0 12px;
1261  font-size: smaller;
1262}
1263
1264headerbar entry {
1265  background-color: #FFFFFF;
1266}
1267
1268headerbar entry:focus {
1269  background-color: white;
1270}
1271
1272headerbar .linked:not(.vertical) > entry:not(.flat) {
1273  border-radius: 7px;
1274}
1275
1276headerbar .linked:not(.vertical) > button {
1277  border-radius: 7px;
1278  -gtk-outline-radius: 7px;
1279}
1280
1281
1282headerbar button:not(.suggested-action):not(.destructive-action) {
1283  border-image: none;
1284  color: rgba(255, 255, 255, 0.7);
1285}
1286
1287
1288headerbar button:not(.suggested-action):not(.destructive-action):hover,
1289headerbar button:not(.suggested-action):not(.destructive-action):active {
1290  color: #FFFFFF;
1291}
1292
1293
1294headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1295  color: rgba(255, 255, 255, 0.3);
1296}
1297
1298
1299headerbar button:not(.suggested-action):not(.destructive-action):checked {
1300  border-image: none;
1301  background-color: #5657f5;
1302  color: #FFFFFF;
1303  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
1304  background-size: auto auto;
1305  background-position: center center;
1306  background-repeat: no-repeat;
1307  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.08);
1308}
1309
1310
1311headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1312  color: rgba(255, 255, 255, 0.5);
1313  background-color: rgba(86, 87, 245, 0.5);
1314}
1315
1316
1317headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1318  color: rgba(255, 255, 255, 0.5);
1319}
1320
1321
1322headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1323headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1324  color: rgba(255, 255, 255, 0.7);
1325}
1326
1327
1328headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1329  color: rgba(255, 255, 255, 0.3);
1330}
1331
1332
1333headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1334  background-image: none;
1335  color: rgba(255, 255, 255, 0.7);
1336}
1337
1338
1339headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1340  color: rgba(255, 255, 255, 0.3);
1341}
1342
1343headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled {
1344  background-color: rgba(255, 255, 255, 0.12);
1345  color: rgba(255, 255, 255, 0.5);
1346}
1347
1348headerbar.selection-mode {
1349  transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1350  animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1351  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(0, 0, 0, 0.08);
1352  background-color: #5657f5;
1353  color: #FFFFFF;
1354}
1355
1356headerbar.selection-mode:backdrop {
1357  color: rgba(255, 255, 255, 0.7);
1358}
1359
1360headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1361  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0;
1362  color: #FFFFFF;
1363}
1364
1365headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1366  color: rgba(255, 255, 255, 0.5);
1367}
1368
1369headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover {
1370  color: #FFFFFF;
1371}
1372
1373headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1374  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1375  color: #FFFFFF;
1376}
1377
1378headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1379  color: rgba(255, 255, 255, 0.5);
1380}
1381
1382headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1383  color: rgba(255, 255, 255, 0.7);
1384}
1385
1386headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1387  color: rgba(255, 255, 255, 0.3);
1388}
1389
1390headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1391  color: rgba(255, 255, 255, 0.7);
1392}
1393
1394headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1395  color: rgba(255, 255, 255, 0.3);
1396}
1397
1398headerbar.selection-mode .selection-menu {
1399  padding-left: 16px;
1400  padding-right: 16px;
1401}
1402
1403headerbar.selection-mode .selection-menu arrow {
1404  -GtkArrow-arrow-scaling: 1;
1405}
1406
1407headerbar.selection-mode .selection-menu .arrow {
1408  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1409}
1410
1411headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action),
1412headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action), headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) {
1413  padding-left: 8px;
1414  padding-right: 8px;
1415  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
1416}
1417
1418headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action) label,
1419headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action) label, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) label {
1420  padding-left: 8px;
1421  padding-right: 8px;
1422}
1423
1424headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active,
1425headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active {
1426  color: #FFFFFF;
1427  background-color: transparent;
1428  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
1429  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
1430  background-size: 0% 0%;
1431  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
1432}
1433
1434headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked,
1435headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked {
1436  color: #FFFFFF;
1437  background-color: transparent;
1438  box-shadow: none;
1439  background-image: none;
1440  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
1441}
1442
1443headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active:backdrop,
1444headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked:backdrop,
1445headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active:backdrop {
1446  color: rgba(255, 255, 255, 0.7);
1447  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
1448}
1449
1450headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button label,
1451headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label {
1452  padding-left: 0;
1453  padding-right: 0;
1454}
1455
1456headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image,
1457headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image {
1458  padding-left: 0;
1459  padding-right: 0;
1460}
1461
1462headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) {
1463  margin-top: 0;
1464  margin-bottom: 0;
1465  border-radius: 0;
1466}
1467
1468headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked {
1469  background-color: alpha(currentColor, 0.15);
1470}
1471
1472.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar {
1473  border-radius: 0;
1474}
1475
1476headerbar.default-decoration {
1477  min-height: 20px;
1478  padding: 4px 12px;
1479  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1480}
1481
1482.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration {
1483  box-shadow: none;
1484}
1485
1486headerbar.default-decoration button.titlebutton {
1487  min-height: 16px;
1488  min-width: 16px;
1489  margin: 0 2px;
1490  padding: 0;
1491}
1492
1493.background:not(.csd) headerbar.default-decoration button.titlebutton:active {
1494  background-size: 1000% 1000%;
1495}
1496
1497.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
1498  border-radius: 0;
1499  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1500}
1501
1502headerbar entry,
1503headerbar spinbutton,
1504headerbar button {
1505  margin-top: 4px;
1506  margin-bottom: 4px;
1507}
1508
1509headerbar switch {
1510  margin-top: 8px;
1511  margin-bottom: 8px;
1512}
1513
1514headerbar spinbutton button {
1515  margin-top: 0;
1516  margin-bottom: 0;
1517}
1518
1519headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
1520  margin-top: 3px;
1521  margin-bottom: 3px;
1522}
1523
1524.csd headerbar, headerbar.titlebar, .titlebar headerbar, .solid-csd headerbar, box headerbar:only-child {
1525  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.08);
1526}
1527
1528headerbar.titlebar.default-decoration, .csd headerbar.titlebar.default-decoration {
1529  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1530}
1531
1532box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child {
1533  border-left-color: #31313a;
1534  border-right-color: #31313a;
1535}
1536
1537.titlebar,
1538.titlebar .background {
1539  border-top-left-radius: 13px;
1540  border-top-right-radius: 13px;
1541  border-bottom-left-radius: 0;
1542  border-bottom-right-radius: 0;
1543}
1544
1545.background.tiled .titlebar,
1546.background.tiled-top .titlebar,
1547.background.tiled-right .titlebar,
1548.background.tiled-bottom .titlebar,
1549.background.tiled-left .titlebar,
1550.background.maximized .titlebar,
1551.background.solid-csd .titlebar {
1552  border-top-left-radius: 0;
1553  border-top-right-radius: 0;
1554  border-bottom-left-radius: 0;
1555  border-bottom-right-radius: 0;
1556}
1557
1558window separator:first-child + headerbar, window headerbar:first-child {
1559  border-top-left-radius: 13px;
1560}
1561
1562window headerbar:last-child {
1563  border-top-right-radius: 13px;
1564}
1565
1566window stack headerbar:first-child, window stack headerbar:last-child {
1567  border-top-left-radius: 13px;
1568  border-top-right-radius: 13px;
1569  border-bottom-left-radius: 0;
1570  border-bottom-right-radius: 0;
1571}
1572
1573window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child {
1574  border-top-left-radius: 0;
1575  border-top-right-radius: 0;
1576  border-bottom-left-radius: 0;
1577  border-bottom-right-radius: 0;
1578}
1579
1580headerbar separator.titlebutton {
1581  min-width: 0;
1582  min-height: 0;
1583  background-color: transparent;
1584  border: none;
1585}
1586
1587window.csd > .titlebar:not(headerbar) {
1588  padding: 0;
1589  background-color: transparent;
1590  background-image: none;
1591  border: none;
1592  box-shadow: none;
1593}
1594
1595.titlebar:not(headerbar) > separator {
1596  background-color: #31313a;
1597}
1598
1599/************
1600 * Pathbars *
1601 ************/
1602.caja-pathbar button,
1603.path-bar button {
1604  padding-left: 4px;
1605  padding-right: 4px;
1606}
1607
1608.caja-pathbar button label:not(:only-child):first-child,
1609.path-bar button label:not(:only-child):first-child {
1610  margin-left: 4px;
1611  padding-left: 8px;
1612}
1613
1614.caja-pathbar button label:not(:only-child):last-child,
1615.path-bar button label:not(:only-child):last-child {
1616  margin-right: 4px;
1617  padding-right: 8px;
1618}
1619
1620.caja-pathbar button.slider-button,
1621.path-bar button.slider-button {
1622  padding-left: 4px;
1623  padding-right: 4px;
1624}
1625
1626:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button {
1627  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
1628  border-radius: 7px;
1629}
1630
1631:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked {
1632  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
1633}
1634
1635:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled {
1636  background-color: transparent;
1637}
1638
1639/**************
1640 * Tree Views *
1641 **************/
1642treeview.view {
1643  border-left-color: rgba(0, 0, 0, 0.2);
1644  border-top-color: rgba(0, 0, 0, 0.08);
1645}
1646
1647* {
1648  -GtkTreeView-horizontal-separator: 4;
1649  -GtkTreeView-grid-line-width: 1;
1650  -GtkTreeView-grid-line-pattern: '';
1651  -GtkTreeView-tree-line-width: 1;
1652  -GtkTreeView-tree-line-pattern: '';
1653  -GtkTreeView-expander-size: 16;
1654}
1655
1656treeview.view:selected {
1657  border-left-color: rgba(255, 255, 255, 0.3);
1658}
1659
1660treeview.view:hover, treeview.view:active, treeview.view:selected {
1661  border-radius: 0;
1662}
1663
1664treeview.view.separator {
1665  min-height: 5px;
1666  color: rgba(0, 0, 0, 0.08);
1667}
1668
1669treeview.view:drop(active) {
1670  border-style: solid none;
1671  border-width: 1px;
1672  border-color: #7C4DFF;
1673}
1674
1675treeview.view:drop(active).after {
1676  border-top-style: none;
1677}
1678
1679treeview.view:drop(active).before {
1680  border-bottom-style: none;
1681}
1682
1683treeview.view.expander {
1684  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1685  -gtk-icon-transform: rotate(-90deg);
1686  color: rgba(0, 0, 0, 0.55);
1687}
1688
1689treeview.view.expander:dir(rtl) {
1690  -gtk-icon-transform: rotate(90deg);
1691}
1692
1693treeview.view.expander:checked {
1694  -gtk-icon-transform: unset;
1695}
1696
1697treeview.view.expander:hover, treeview.view.expander:active {
1698  color: rgba(0, 0, 0, 0.75);
1699}
1700
1701treeview.view.expander:disabled {
1702  color: rgba(0, 0, 0, 0.26);
1703}
1704
1705treeview.view.expander:selected {
1706  color: rgba(255, 255, 255, 0.7);
1707}
1708
1709treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1710  color: #FFFFFF;
1711}
1712
1713treeview.view.expander:selected:disabled {
1714  color: rgba(255, 255, 255, 0.3);
1715}
1716
1717treeview.view.progressbar {
1718  border-bottom: 4px solid #5657f5;
1719  box-shadow: none;
1720  background-color: transparent;
1721}
1722
1723treeview.view.progressbar:selected {
1724  border-bottom-color: #FFFFFF;
1725}
1726
1727treeview.view.trough {
1728  border-bottom: 4px solid rgba(86, 87, 245, 0.3);
1729  box-shadow: none;
1730  background-color: transparent;
1731}
1732
1733treeview.view.trough:selected {
1734  border-bottom-color: rgba(255, 255, 255, 0.3);
1735}
1736
1737treeview.view header button {
1738  padding: 2px 6px;
1739  border-style: none solid solid none;
1740  border-width: 1px;
1741  border-color: rgba(0, 0, 0, 0.08);
1742  border-radius: 0;
1743  background-clip: border-box;
1744}
1745
1746treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1747  box-shadow: none;
1748}
1749
1750treeview.view header button, treeview.view header button:disabled {
1751  background-color: #FFFFFF;
1752}
1753
1754treeview.view header button:last-child {
1755  border-right-style: none;
1756}
1757
1758treeview.view button.dnd,
1759treeview.view header.button.dnd {
1760  padding: 2px 6px;
1761  border-style: none solid solid;
1762  border-width: 1px;
1763  border-color: rgba(0, 0, 0, 0.08);
1764  border-radius: 0;
1765  box-shadow: none;
1766  background-color: #FFFFFF;
1767  background-clip: border-box;
1768  color: #5657f5;
1769}
1770
1771treeview.view acceleditor > label {
1772  background-color: #5657f5;
1773}
1774
1775/*********
1776 * Menus *
1777 *********/
1778menubar,
1779.menubar {
1780  -GtkWidget-window-dragging: true;
1781  padding: 0;
1782  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
1783  background-color: #31313a;
1784  color: rgba(255, 255, 255, 0.7);
1785}
1786
1787menubar > menuitem,
1788.menubar > menuitem {
1789  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1790  min-height: 20px;
1791  padding: 4px 8px;
1792  color: rgba(255, 255, 255, 0.7);
1793}
1794
1795menubar > menuitem menu,
1796.menubar > menuitem menu {
1797  border-radius: 0 0 8px 8px;
1798}
1799
1800menubar > menuitem menu menu,
1801.menubar > menuitem menu menu {
1802  border-radius: 8px;
1803}
1804
1805menubar > menuitem:hover,
1806.menubar > menuitem:hover {
1807  transition: none;
1808  color: #FFFFFF;
1809  box-shadow: inset 0 -3px #5657f5;
1810}
1811
1812menubar > menuitem:disabled,
1813.menubar > menuitem:disabled {
1814  color: rgba(255, 255, 255, 0.3);
1815}
1816
1817menubar > menuitem label:disabled,
1818.menubar > menuitem label:disabled {
1819  color: inherit;
1820}
1821
1822.csd.popup {
1823  background-color: transparent;
1824}
1825
1826menu,
1827.menu,
1828.context-menu {
1829  margin: 4px 0;
1830  padding: 4px;
1831  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
1832  background-color: #3c3c46;
1833  border: 1px solid rgba(255, 255, 255, 0.1);
1834  border-radius: 8px;
1835  color: rgba(255, 255, 255, 0.7);
1836}
1837
1838.csd menu, .csd .menu, .csd .context-menu {
1839  border: none;
1840  background-color: #3c3c46;
1841}
1842
1843menu menuitem,
1844.menu menuitem,
1845.context-menu menuitem {
1846  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1847  min-height: 20px;
1848  min-width: 40px;
1849  padding: 4px 8px;
1850  font: initial;
1851  text-shadow: none;
1852  color: rgba(255, 255, 255, 0.7);
1853  border-radius: 5px;
1854}
1855
1856menu menuitem:hover,
1857.menu menuitem:hover,
1858.context-menu menuitem:hover {
1859  transition: none;
1860  background-color: rgba(255, 255, 255, 0.08);
1861  color: white;
1862}
1863
1864menu menuitem:hover accelerator,
1865.menu menuitem:hover accelerator,
1866.context-menu menuitem:hover accelerator {
1867  color: white;
1868}
1869
1870menu menuitem:disabled,
1871.menu menuitem:disabled,
1872.context-menu menuitem:disabled {
1873  color: rgba(255, 255, 255, 0.3);
1874}
1875
1876menu menuitem arrow,
1877.menu menuitem arrow,
1878.context-menu menuitem arrow {
1879  min-height: 16px;
1880  min-width: 16px;
1881}
1882
1883menu menuitem arrow:dir(ltr),
1884.menu menuitem arrow:dir(ltr),
1885.context-menu menuitem arrow:dir(ltr) {
1886  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1887  margin-left: 8px;
1888}
1889
1890menu menuitem arrow:dir(rtl),
1891.menu menuitem arrow:dir(rtl),
1892.context-menu menuitem arrow:dir(rtl) {
1893  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1894  margin-right: 8px;
1895}
1896
1897menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1898.menu menuitem label:dir(rtl),
1899.menu menuitem label:dir(ltr),
1900.context-menu menuitem label:dir(rtl),
1901.context-menu menuitem label:dir(ltr) {
1902  color: inherit;
1903}
1904
1905menu > arrow,
1906.menu > arrow,
1907.context-menu > arrow {
1908  min-height: 16px;
1909  min-width: 16px;
1910  padding: 4px;
1911  background-color: #3c3c46;
1912  color: rgba(255, 255, 255, 0.7);
1913}
1914
1915menu > arrow.top,
1916.menu > arrow.top,
1917.context-menu > arrow.top {
1918  margin: -4px -3px 0 -3px;
1919  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
1920  border-radius: 7px 7px 0 0;
1921  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1922}
1923
1924menu > arrow.bottom,
1925.menu > arrow.bottom,
1926.context-menu > arrow.bottom {
1927  margin: 8px -3px -12px -3px;
1928  border-top: 1px solid rgba(255, 255, 255, 0.1);
1929  border-radius: 0 0 7px 7px;
1930  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1931}
1932
1933menu > arrow:hover,
1934.menu > arrow:hover,
1935.context-menu > arrow:hover {
1936  background-image: image(rgba(255, 255, 255, 0.12));
1937  color: #FFFFFF;
1938}
1939
1940menu > arrow:disabled,
1941.menu > arrow:disabled,
1942.context-menu > arrow:disabled {
1943  border-color: transparent;
1944  background-color: transparent;
1945  color: transparent;
1946}
1947
1948menu separator,
1949.menu separator,
1950.context-menu separator {
1951  margin: 0 0;
1952  background: none;
1953  color: transparent;
1954}
1955
1956menuitem accelerator {
1957  color: rgba(255, 255, 255, 0.7);
1958}
1959
1960menuitem:disabled accelerator {
1961  color: rgba(255, 255, 255, 0.3);
1962}
1963
1964.popup:not(.csd) menu {
1965  border-radius: 0;
1966  color: #25252d;
1967  background-color: #FFFFFF;
1968}
1969
1970.popup:not(.csd) menu menuitem {
1971  color: #25252d;
1972}
1973
1974.popup:not(.csd) menu menuitem:hover {
1975  background-color: #7f818a;
1976}
1977
1978.popup:not(.csd) menu menuitem:disabled {
1979  color: #66686e;
1980}
1981
1982.popup:not(.csd) menu menuitem accelerator {
1983  color: #5c5e66;
1984}
1985
1986/************
1987 * Popovers *
1988 ************/
1989popover modelbutton.flat,
1990popover menuitem.button.flat,
1991popover spinbutton.vertical button,
1992popover.background modelbutton.flat,
1993popover.background menuitem.button.flat,
1994popover.background spinbutton.vertical button,
1995popover.background.menu modelbutton.flat,
1996popover.background.menu menuitem.button.flat,
1997popover.background.menu spinbutton.vertical button, popover row.button.flat.menuitem.activatable,
1998popover row.activatable, popover .view,
1999popover.background row.button.flat.menuitem.activatable,
2000popover.background row.activatable,
2001popover.background .view,
2002popover.background.menu row.button.flat.menuitem.activatable,
2003popover.background.menu row.activatable,
2004popover.background.menu .view, popover button.flat.combo,
2005popover.background button.flat.combo,
2006popover.background.menu button.flat.combo, popover button.flat,
2007popover.background button.flat,
2008popover.background.menu button.flat {
2009  color: rgba(255, 255, 255, 0.8);
2010  background-color: transparent;
2011}
2012
2013popover modelbutton.flat:hover,
2014popover menuitem.button.flat:hover,
2015popover spinbutton.vertical button:hover,
2016popover.background modelbutton.flat:hover,
2017popover.background menuitem.button.flat:hover,
2018popover.background spinbutton.vertical button:hover,
2019popover.background.menu modelbutton.flat:hover,
2020popover.background.menu menuitem.button.flat:hover,
2021popover.background.menu spinbutton.vertical button:hover, popover row.button.flat.menuitem.activatable:hover,
2022popover row.activatable:hover, popover .view:hover,
2023popover.background row.activatable:hover,
2024popover.background .view:hover,
2025popover.background.menu row.activatable:hover,
2026popover.background.menu .view:hover, popover button.flat.combo:hover,
2027popover.background button.flat.combo:hover,
2028popover.background.menu button.flat.combo:hover, popover button.flat:hover,
2029popover.background button.flat:hover,
2030popover.background.menu button.flat:hover {
2031  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12);
2032  color: #FFFFFF;
2033}
2034
2035popover modelbutton.flat:checked,
2036popover menuitem.button.flat:checked,
2037popover spinbutton.vertical button:checked,
2038popover.background modelbutton.flat:checked,
2039popover.background menuitem.button.flat:checked,
2040popover.background spinbutton.vertical button:checked,
2041popover.background.menu modelbutton.flat:checked,
2042popover.background.menu menuitem.button.flat:checked,
2043popover.background.menu spinbutton.vertical button:checked, popover row.button.flat.menuitem.activatable:checked,
2044popover row.activatable:checked, popover .view:checked,
2045popover.background row.activatable:checked,
2046popover.background .view:checked,
2047popover.background.menu row.activatable:checked,
2048popover.background.menu .view:checked, popover button.flat.combo:checked,
2049popover.background button.flat.combo:checked,
2050popover.background.menu button.flat.combo:checked, popover button.flat:checked,
2051popover.background button.flat:checked,
2052popover.background.menu button.flat:checked, popover modelbutton.flat:active,
2053popover menuitem.button.flat:active,
2054popover spinbutton.vertical button:active,
2055popover.background modelbutton.flat:active,
2056popover.background menuitem.button.flat:active,
2057popover.background spinbutton.vertical button:active,
2058popover.background.menu modelbutton.flat:active,
2059popover.background.menu menuitem.button.flat:active,
2060popover.background.menu spinbutton.vertical button:active, popover row.button.flat.menuitem.activatable:active,
2061popover row.activatable:active, popover .view:active,
2062popover.background row.activatable:active,
2063popover.background .view:active,
2064popover.background.menu row.activatable:active,
2065popover.background.menu .view:active, popover button.flat.combo:active,
2066popover.background button.flat.combo:active,
2067popover.background.menu button.flat.combo:active, popover button.flat:active,
2068popover.background button.flat:active,
2069popover.background.menu button.flat:active {
2070  color: #FFFFFF;
2071  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12);
2072  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
2073}
2074
2075popover modelbutton.flat:disabled,
2076popover menuitem.button.flat:disabled,
2077popover spinbutton.vertical button:disabled,
2078popover.background modelbutton.flat:disabled,
2079popover.background menuitem.button.flat:disabled,
2080popover.background spinbutton.vertical button:disabled,
2081popover.background.menu modelbutton.flat:disabled,
2082popover.background.menu menuitem.button.flat:disabled,
2083popover.background.menu spinbutton.vertical button:disabled, popover row.button.flat.menuitem.activatable:disabled,
2084popover row.activatable:disabled, popover .view:disabled,
2085popover.background row.activatable:disabled,
2086popover.background .view:disabled,
2087popover.background.menu row.activatable:disabled,
2088popover.background.menu .view:disabled, popover button.flat.combo:disabled,
2089popover.background button.flat.combo:disabled,
2090popover.background.menu button.flat.combo:disabled, popover button.flat:disabled,
2091popover.background button.flat:disabled,
2092popover.background.menu button.flat:disabled {
2093  color: rgba(255, 255, 255, 0.3);
2094  background-color: transparent;
2095}
2096
2097popover button.combo,
2098popover.background button.combo,
2099popover.background.menu button.combo, popover button,
2100popover.background button,
2101popover.background.menu button {
2102  color: rgba(255, 255, 255, 0.8);
2103  background-color: transparent;
2104  box-shadow: none;
2105}
2106
2107popover button.combo:hover,
2108popover.background button.combo:hover,
2109popover.background.menu button.combo:hover, popover button:hover,
2110popover.background button:hover,
2111popover.background.menu button:hover {
2112  transition: none;
2113  color: #FFFFFF;
2114  background-color: rgba(255, 255, 255, 0.12);
2115}
2116
2117popover button.combo:checked,
2118popover.background button.combo:checked,
2119popover.background.menu button.combo:checked, popover button:checked,
2120popover.background button:checked,
2121popover.background.menu button:checked, popover button.combo:active,
2122popover.background button.combo:active,
2123popover.background.menu button.combo:active, popover button:active,
2124popover.background button:active,
2125popover.background.menu button:active {
2126  background-color: #5657f5;
2127  color: #FFFFFF;
2128}
2129
2130popover button.combo:disabled,
2131popover.background button.combo:disabled,
2132popover.background.menu button.combo:disabled, popover button:disabled,
2133popover.background button:disabled,
2134popover.background.menu button:disabled {
2135  color: rgba(255, 255, 255, 0.3);
2136  background-color: transparent;
2137}
2138
2139popover button.combo:checked:disabled,
2140popover.background button.combo:checked:disabled,
2141popover.background.menu button.combo:checked:disabled, popover button:checked:disabled,
2142popover.background button:checked:disabled,
2143popover.background.menu button:checked:disabled {
2144  color: rgba(255, 255, 255, 0.3);
2145  background-color: rgba(86, 87, 245, 0.5);
2146}
2147
2148popover .linked entry, popover entry,
2149popover spinbutton:not(.vertical),
2150popover.background .linked entry,
2151popover.background entry,
2152popover.background spinbutton:not(.vertical),
2153popover.background.menu .linked entry,
2154popover.background.menu entry,
2155popover.background.menu spinbutton:not(.vertical) {
2156  border-radius: 0;
2157  caret-color: #FFFFFF;
2158  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
2159  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.3) 0%, transparent 0%) 0 0 0/0 0 0px;
2160  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
2161  background-color: transparent;
2162  color: rgba(0, 0, 0, 0.75);
2163}
2164
2165popover .linked entry:focus, popover entry:focus,
2166popover spinbutton:focus:not(.vertical),
2167popover.background .linked entry:focus,
2168popover.background entry:focus,
2169popover.background spinbutton:focus:not(.vertical),
2170popover.background.menu .linked entry:focus,
2171popover.background.menu entry:focus,
2172popover.background.menu spinbutton:focus:not(.vertical) {
2173  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
2174  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
2175}
2176
2177popover .linked entry:disabled, popover entry:disabled,
2178popover spinbutton:disabled:not(.vertical),
2179popover.background .linked entry:disabled,
2180popover.background entry:disabled,
2181popover.background spinbutton:disabled:not(.vertical),
2182popover.background.menu .linked entry:disabled,
2183popover.background.menu entry:disabled,
2184popover.background.menu spinbutton:disabled:not(.vertical) {
2185  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
2186  background-color: transparent;
2187}
2188
2189popover .linked entry, popover entry,
2190popover spinbutton:not(.vertical),
2191popover.background .linked entry,
2192popover.background entry,
2193popover.background spinbutton:not(.vertical),
2194popover.background.menu .linked entry,
2195popover.background.menu entry,
2196popover.background.menu spinbutton:not(.vertical), popover .linked entry label, popover entry label,
2197popover spinbutton:not(.vertical) label,
2198popover.background .linked entry label,
2199popover.background entry label,
2200popover.background spinbutton:not(.vertical) label,
2201popover.background.menu .linked entry label,
2202popover.background.menu entry label,
2203popover.background.menu spinbutton:not(.vertical) label, popover .linked entry image, popover entry image,
2204popover spinbutton:not(.vertical) image,
2205popover.background .linked entry image,
2206popover.background entry image,
2207popover.background spinbutton:not(.vertical) image,
2208popover.background.menu .linked entry image,
2209popover.background.menu entry image,
2210popover.background.menu spinbutton:not(.vertical) image {
2211  color: rgba(255, 255, 255, 0.8);
2212}
2213
2214popover .linked entry:focus, popover entry:focus,
2215popover spinbutton:focus:not(.vertical),
2216popover.background .linked entry:focus,
2217popover.background entry:focus,
2218popover.background spinbutton:focus:not(.vertical),
2219popover.background.menu .linked entry:focus,
2220popover.background.menu entry:focus,
2221popover.background.menu spinbutton:focus:not(.vertical), popover .linked entry label:focus, popover entry label:focus,
2222popover spinbutton:not(.vertical) label:focus,
2223popover.background .linked entry label:focus,
2224popover.background entry label:focus,
2225popover.background spinbutton:not(.vertical) label:focus,
2226popover.background.menu .linked entry label:focus,
2227popover.background.menu entry label:focus,
2228popover.background.menu spinbutton:not(.vertical) label:focus, popover .linked entry image:focus, popover entry image:focus,
2229popover spinbutton:not(.vertical) image:focus,
2230popover.background .linked entry image:focus,
2231popover.background entry image:focus,
2232popover.background spinbutton:not(.vertical) image:focus,
2233popover.background.menu .linked entry image:focus,
2234popover.background.menu entry image:focus,
2235popover.background.menu spinbutton:not(.vertical) image:focus {
2236  color: #FFFFFF;
2237}
2238
2239popover .linked entry:disabled, popover entry:disabled,
2240popover spinbutton:disabled:not(.vertical),
2241popover.background .linked entry:disabled,
2242popover.background entry:disabled,
2243popover.background spinbutton:disabled:not(.vertical),
2244popover.background.menu .linked entry:disabled,
2245popover.background.menu entry:disabled,
2246popover.background.menu spinbutton:disabled:not(.vertical), popover .linked entry label:disabled, popover entry label:disabled,
2247popover spinbutton:not(.vertical) label:disabled,
2248popover.background .linked entry label:disabled,
2249popover.background entry label:disabled,
2250popover.background spinbutton:not(.vertical) label:disabled,
2251popover.background.menu .linked entry label:disabled,
2252popover.background.menu entry label:disabled,
2253popover.background.menu spinbutton:not(.vertical) label:disabled, popover .linked entry image:disabled, popover entry image:disabled,
2254popover spinbutton:not(.vertical) image:disabled,
2255popover.background .linked entry image:disabled,
2256popover.background entry image:disabled,
2257popover.background spinbutton:not(.vertical) image:disabled,
2258popover.background.menu .linked entry image:disabled,
2259popover.background.menu entry image:disabled,
2260popover.background.menu spinbutton:not(.vertical) image:disabled {
2261  color: rgba(255, 255, 255, 0.3);
2262}
2263
2264popover,
2265popover.background,
2266popover.background.menu {
2267  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
2268  padding: 2px;
2269  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
2270  background-color: #3f3f3f;
2271  color: rgba(255, 255, 255, 0.8);
2272}
2273
2274popover:backdrop,
2275popover.background:backdrop,
2276popover.background.menu:backdrop {
2277  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
2278  color: rgba(255, 255, 255, 0.75);
2279}
2280
2281popover:disabled,
2282popover.background:disabled,
2283popover.background.menu:disabled {
2284  color: rgba(255, 255, 255, 0.3);
2285}
2286
2287popover image:disabled, popover label:disabled,
2288popover.background image:disabled,
2289popover.background label:disabled,
2290popover.background.menu image:disabled,
2291popover.background.menu label:disabled {
2292  color: rgba(255, 255, 255, 0.3);
2293}
2294
2295popover, .csd popover,
2296popover.background, .csd popover.background,
2297popover.background.menu, .csd popover.background.menu {
2298  border-radius: 8px;
2299}
2300
2301popover > stack,
2302popover.background > stack,
2303popover.background.menu > stack {
2304  margin: -4px;
2305}
2306
2307popover > toolbar,
2308popover.background > toolbar,
2309popover.background.menu > toolbar {
2310  margin: -2px;
2311}
2312
2313popover > toolbar,
2314popover.background > toolbar,
2315popover.background.menu > toolbar {
2316  border-style: none;
2317  box-shadow: none;
2318  background-color: transparent;
2319}
2320
2321popover list, popover row, popover .view, popover textview.view > text,
2322popover.background list,
2323popover.background row,
2324popover.background .view,
2325popover.background textview.view > text,
2326popover.background.menu list,
2327popover.background.menu row,
2328popover.background.menu .view,
2329popover.background.menu textview.view > text {
2330  color: rgba(255, 255, 255, 0.8);
2331  background-color: #373737;
2332  border-color: rgba(255, 255, 255, 0.12);
2333}
2334
2335popover treeview.view header button,
2336popover.background treeview.view header button,
2337popover.background.menu treeview.view header button {
2338  border-color: rgba(255, 255, 255, 0.12);
2339}
2340
2341popover scrolledwindow,
2342popover.background scrolledwindow,
2343popover.background.menu scrolledwindow {
2344  border-color: rgba(255, 255, 255, 0.12);
2345}
2346
2347popover scrollbar,
2348popover.background scrollbar,
2349popover.background.menu scrollbar {
2350  background-color: rgba(50, 50, 50, 0.65);
2351  border-color: rgba(255, 255, 255, 0.12);
2352}
2353
2354popover scrollbar slider,
2355popover.background scrollbar slider,
2356popover.background.menu scrollbar slider {
2357  background-color: rgba(255, 255, 255, 0.5);
2358}
2359
2360popover scrollbar slider:hover,
2361popover.background scrollbar slider:hover,
2362popover.background.menu scrollbar slider:hover {
2363  background-color: rgba(255, 255, 255, 0.7);
2364}
2365
2366popover scrollbar slider:active,
2367popover.background scrollbar slider:active,
2368popover.background.menu scrollbar slider:active {
2369  background-color: #FFFFFF;
2370}
2371
2372popover scrollbar slider:disabled,
2373popover.background scrollbar slider:disabled,
2374popover.background.menu scrollbar slider:disabled {
2375  background-color: rgba(255, 255, 255, 0.3);
2376}
2377
2378popover scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
2379popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider,
2380popover.background.menu scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2381  border: 1px solid rgba(50, 50, 50, 0.3);
2382}
2383
2384popover scrollbar.overlay-indicator:not(.dragging):not(.hovering) button,
2385popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button,
2386popover.background.menu scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2387  border: 1px solid rgba(50, 50, 50, 0.3);
2388  background-color: rgba(255, 255, 255, 0.5);
2389}
2390
2391popover scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled,
2392popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled,
2393popover.background.menu scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2394  background-color: rgba(255, 255, 255, 0.3);
2395}
2396
2397popover scrollbar.overlay-indicator.dragging, popover scrollbar.overlay-indicator.hovering,
2398popover.background scrollbar.overlay-indicator.dragging,
2399popover.background scrollbar.overlay-indicator.hovering,
2400popover.background.menu scrollbar.overlay-indicator.dragging,
2401popover.background.menu scrollbar.overlay-indicator.hovering {
2402  background-color: rgba(50, 50, 50, 0.9);
2403}
2404
2405popover button.radio,
2406popover.background button.radio,
2407popover.background.menu button.radio {
2408  background-color: rgba(255, 255, 255, 0.08);
2409}
2410
2411popover button.radio:hover,
2412popover.background button.radio:hover,
2413popover.background.menu button.radio:hover {
2414  color: #FFFFFF;
2415  background-color: rgba(255, 255, 255, 0.15);
2416}
2417
2418.linked > popover button, .linked > popover.background button, .linked > popover.background.menu button {
2419  border-radius: 7px;
2420}
2421
2422.linked > popover button:first-child, .linked > popover.background button:first-child, .linked > popover.background.menu button:first-child {
2423  border-radius: 7px;
2424}
2425
2426.linked > popover button:last-child, .linked > popover.background button:last-child, .linked > popover.background.menu button:last-child {
2427  border-radius: 7px;
2428}
2429
2430.linked > popover button:only-child, .linked > popover.background button:only-child, .linked > popover.background.menu button:only-child {
2431  border-radius: 7px;
2432}
2433
2434popover.menu button, popover button.model,
2435popover.background.menu button,
2436popover.background button.model,
2437popover.background.menu.menu button,
2438popover.background.menu button.model {
2439  border-radius: 7px;
2440}
2441
2442popover button.suggested-action,
2443popover.background button.suggested-action,
2444popover.background.menu button.suggested-action {
2445  background-color: #7C4DFF;
2446  color: #FFFFFF;
2447}
2448
2449popover button.suggested-action:disabled,
2450popover.background button.suggested-action:disabled,
2451popover.background.menu button.suggested-action:disabled {
2452  color: rgba(255, 255, 255, 0.5);
2453  background-color: rgba(124, 77, 255, 0.5);
2454}
2455
2456popover button.suggested-action:hover,
2457popover.background button.suggested-action:hover,
2458popover.background.menu button.suggested-action:hover {
2459  color: #FFFFFF;
2460  background-color: #8f67ff;
2461}
2462
2463popover button.suggested-action:checked,
2464popover.background button.suggested-action:checked,
2465popover.background.menu button.suggested-action:checked {
2466  background-color: #a382ff;
2467}
2468
2469popover button.suggested-action.flat,
2470popover.background button.suggested-action.flat,
2471popover.background.menu button.suggested-action.flat {
2472  background-color: transparent;
2473  color: #7C4DFF;
2474}
2475
2476popover button.suggested-action.flat:hover,
2477popover.background button.suggested-action.flat:hover,
2478popover.background.menu button.suggested-action.flat:hover {
2479  color: #7C4DFF;
2480  background-color: rgba(124, 77, 255, 0.15);
2481}
2482
2483popover button.suggested-action.flat:disabled,
2484popover.background button.suggested-action.flat:disabled,
2485popover.background.menu button.suggested-action.flat:disabled {
2486  background-color: transparent;
2487  color: rgba(124, 77, 255, 0.5);
2488}
2489
2490popover button.suggested-action.flat:checked,
2491popover.background button.suggested-action.flat:checked,
2492popover.background.menu button.suggested-action.flat:checked {
2493  background-color: rgba(124, 77, 255, 0.3);
2494}
2495
2496popover button.destructive-action,
2497popover.background button.destructive-action,
2498popover.background.menu button.destructive-action {
2499  background-color: #FF5252;
2500  color: #FFFFFF;
2501}
2502
2503popover button.destructive-action:disabled,
2504popover.background button.destructive-action:disabled,
2505popover.background.menu button.destructive-action:disabled {
2506  color: rgba(255, 255, 255, 0.5);
2507  background-color: rgba(255, 82, 82, 0.5);
2508}
2509
2510popover button.destructive-action:hover,
2511popover.background button.destructive-action:hover,
2512popover.background.menu button.destructive-action:hover {
2513  color: #FFFFFF;
2514  background-color: #ff6c6c;
2515}
2516
2517popover button.destructive-action:checked,
2518popover.background button.destructive-action:checked,
2519popover.background.menu button.destructive-action:checked {
2520  background-color: #ff8686;
2521}
2522
2523popover button.destructive-action.flat,
2524popover.background button.destructive-action.flat,
2525popover.background.menu button.destructive-action.flat {
2526  background-color: transparent;
2527  color: #FF5252;
2528}
2529
2530popover button.destructive-action.flat:hover,
2531popover.background button.destructive-action.flat:hover,
2532popover.background.menu button.destructive-action.flat:hover {
2533  color: #FF5252;
2534  background-color: rgba(255, 82, 82, 0.15);
2535}
2536
2537popover button.destructive-action.flat:disabled,
2538popover.background button.destructive-action.flat:disabled,
2539popover.background.menu button.destructive-action.flat:disabled {
2540  background-color: transparent;
2541  color: rgba(255, 82, 82, 0.5);
2542}
2543
2544popover button.destructive-action.flat:checked,
2545popover.background button.destructive-action.flat:checked,
2546popover.background.menu button.destructive-action.flat:checked {
2547  background-color: rgba(255, 82, 82, 0.3);
2548}
2549
2550popover check, popover radio,
2551popover.background check,
2552popover.background radio,
2553popover.background.menu check,
2554popover.background.menu radio {
2555  color: rgba(255, 255, 255, 0.8);
2556  transition: none;
2557  animation: none;
2558}
2559
2560popover check:hover, popover radio:hover,
2561popover.background check:hover,
2562popover.background radio:hover,
2563popover.background.menu check:hover,
2564popover.background.menu radio:hover {
2565  color: #FFFFFF;
2566}
2567
2568popover check:disabled, popover radio:disabled,
2569popover.background check:disabled,
2570popover.background radio:disabled,
2571popover.background.menu check:disabled,
2572popover.background.menu radio:disabled {
2573  color: rgba(255, 255, 255, 0.3);
2574}
2575
2576popover check:checked, popover check:indeterminate, popover radio:checked, popover radio:indeterminate,
2577popover.background check:checked,
2578popover.background check:indeterminate,
2579popover.background radio:checked,
2580popover.background radio:indeterminate,
2581popover.background.menu check:checked,
2582popover.background.menu check:indeterminate,
2583popover.background.menu radio:checked,
2584popover.background.menu radio:indeterminate {
2585  color: #7C4DFF;
2586}
2587
2588popover check:checked:disabled, popover check:indeterminate:disabled, popover radio:checked:disabled, popover radio:indeterminate:disabled,
2589popover.background check:checked:disabled,
2590popover.background check:indeterminate:disabled,
2591popover.background radio:checked:disabled,
2592popover.background radio:indeterminate:disabled,
2593popover.background.menu check:checked:disabled,
2594popover.background.menu check:indeterminate:disabled,
2595popover.background.menu radio:checked:disabled,
2596popover.background.menu radio:indeterminate:disabled {
2597  color: rgba(124, 77, 255, 0.5);
2598}
2599
2600popover checkbutton.text-button,
2601popover radiobutton.text-button,
2602popover.background checkbutton.text-button,
2603popover.background radiobutton.text-button,
2604popover.background.menu checkbutton.text-button,
2605popover.background.menu radiobutton.text-button {
2606  outline-style: none;
2607}
2608
2609popover separator,
2610popover.background separator,
2611popover.background.menu separator {
2612  margin: 4px 0;
2613}
2614
2615popover list separator,
2616popover.background list separator,
2617popover.background.menu list separator {
2618  margin: 0;
2619}
2620
2621popover separator, popover separator, .csd popover separator,
2622popover.background separator,
2623popover.background separator, .csd popover.background separator,
2624popover.background.menu separator,
2625popover.background.menu separator, .csd popover.background.menu separator {
2626  border: none;
2627  background-color: rgba(255, 255, 255, 0.12);
2628}
2629
2630popover label.separator,
2631popover.background label.separator,
2632popover.background.menu label.separator {
2633  color: rgba(255, 255, 255, 0.8);
2634}
2635
2636popover calendar,
2637popover.background calendar,
2638popover.background.menu calendar {
2639  border: 1px solid rgba(255, 255, 255, 0.12);
2640  color: #FFFFFF;
2641}
2642
2643popover calendar:disabled,
2644popover.background calendar:disabled,
2645popover.background.menu calendar:disabled {
2646  color: rgba(255, 255, 255, 0.5);
2647}
2648
2649popover calendar.header,
2650popover.background calendar.header,
2651popover.background.menu calendar.header {
2652  border-style: none none solid;
2653  border-color: rgba(255, 255, 255, 0.12);
2654  border-radius: 0;
2655}
2656
2657popover calendar.highlight,
2658popover.background calendar.highlight,
2659popover.background.menu calendar.highlight {
2660  color: rgba(255, 255, 255, 0.7);
2661}
2662
2663popover calendar:indeterminate,
2664popover.background calendar:indeterminate,
2665popover.background.menu calendar:indeterminate {
2666  color: rgba(255, 255, 255, 0.3);
2667}
2668
2669/*************
2670 * Notebooks *
2671 *************/
2672frame > paned > notebook > header, notebook.frame > header {
2673  background-color: #eaeaf4;
2674}
2675
2676notebook, notebook.frame {
2677  background-color: #FFFFFF;
2678  border-radius: 10px;
2679}
2680
2681notebook.frame frame > border {
2682  border: none;
2683  border-radius: 10px;
2684}
2685
2686notebook.frame frame > list row.activatable {
2687  border-radius: 10px;
2688}
2689
2690notebook > header {
2691  border-width: 1px;
2692  border-color: rgba(0, 0, 0, 0.08);
2693  background-color: #f4f4f9;
2694  background-clip: border-box;
2695}
2696
2697notebook > header.top {
2698  border-bottom-style: solid;
2699  border-radius: 9px 9px 0 0;
2700}
2701
2702notebook > header.top > tabs {
2703  margin-bottom: -1px;
2704}
2705
2706notebook > header.top > tabs > tab:hover {
2707  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
2708}
2709
2710notebook > header.top > tabs > tab:checked {
2711  box-shadow: inset 0 -2px #5657f5;
2712}
2713
2714notebook > header.bottom {
2715  border-top-style: solid;
2716  border-radius: 0 0 9px 9px;
2717}
2718
2719notebook > header.bottom > tabs {
2720  margin-top: -1px;
2721}
2722
2723notebook > header.bottom > tabs > tab:hover {
2724  box-shadow: inset 0 2px rgba(0, 0, 0, 0.2);
2725}
2726
2727notebook > header.bottom > tabs > tab:checked {
2728  box-shadow: inset 0 2px #5657f5;
2729}
2730
2731notebook > header.left {
2732  border-right-style: solid;
2733  border-radius: 9px 0 0 9px;
2734}
2735
2736notebook > header.left > tabs {
2737  margin-right: -1px;
2738}
2739
2740notebook > header.left > tabs > tab:hover {
2741  box-shadow: inset -2px 0 rgba(0, 0, 0, 0.2);
2742}
2743
2744notebook > header.left > tabs > tab:checked {
2745  box-shadow: inset -2px 0 #5657f5;
2746}
2747
2748notebook > header.right {
2749  border-left-style: solid;
2750  border-radius: 0 9px 9px 0;
2751}
2752
2753notebook > header.right > tabs {
2754  margin-left: -1px;
2755}
2756
2757notebook > header.right > tabs > tab:hover {
2758  box-shadow: inset 2px 0 rgba(0, 0, 0, 0.2);
2759}
2760
2761notebook > header.right > tabs > tab:checked {
2762  box-shadow: inset 2px 0 #5657f5;
2763}
2764
2765notebook > header.top > tabs > arrow {
2766  border-top-style: none;
2767}
2768
2769notebook > header.bottom > tabs > arrow {
2770  border-bottom-style: none;
2771}
2772
2773notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2774  padding-left: 4px;
2775  padding-right: 4px;
2776}
2777
2778notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2779  margin-left: -8px;
2780  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2781}
2782
2783notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2784  margin-right: -8px;
2785  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2786}
2787
2788notebook > header.left > tabs > arrow {
2789  border-left-style: none;
2790}
2791
2792notebook > header.right > tabs > arrow {
2793  border-right-style: none;
2794}
2795
2796notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2797  padding-top: 4px;
2798  padding-bottom: 4px;
2799}
2800
2801notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2802  margin-top: -8px;
2803  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2804}
2805
2806notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2807  margin-bottom: -8px;
2808  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2809}
2810
2811notebook > header > tabs > arrow {
2812  min-height: 16px;
2813  min-width: 16px;
2814  border-radius: 0;
2815}
2816
2817notebook > header tab {
2818  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2819  min-height: 20px;
2820  min-width: 20px;
2821  padding: 4px 12px;
2822  outline-offset: -6px;
2823  border-width: 1px;
2824  border-color: transparent;
2825  background-image: radial-gradient(circle farthest-corner at center, rgba(0, 0, 0, 0.2) 10%, transparent 0%);
2826  background-repeat: no-repeat;
2827  background-position: center;
2828  background-size: 0% 0%;
2829  color: rgba(0, 0, 0, 0.55);
2830  font-weight: 500;
2831}
2832
2833notebook > header tab:hover {
2834  color: rgba(0, 0, 0, 0.75);
2835}
2836
2837notebook > header tab:hover.reorderable-page {
2838  border-color: rgba(0, 0, 0, 0.08);
2839  background-color: #eaeaf4;
2840}
2841
2842notebook > header tab:disabled {
2843  color: rgba(0, 0, 0, 0.26);
2844}
2845
2846notebook > header tab:checked {
2847  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
2848  background-color: transparent;
2849  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2850  background-size: 1000% 1000%;
2851  background-clip: padding-box;
2852  color: rgba(0, 0, 0, 0.75);
2853}
2854
2855notebook > header tab:checked:disabled {
2856  color: rgba(0, 0, 0, 0.38);
2857}
2858
2859notebook > header tab:checked.reorderable-page {
2860  border-color: rgba(0, 0, 0, 0.08);
2861  background-color: #FFFFFF;
2862}
2863
2864notebook > header tab button.flat {
2865  min-height: 24px;
2866  min-width: 24px;
2867  padding: 0;
2868  margin: 0;
2869}
2870
2871notebook > header tab button.flat:last-child {
2872  margin-left: 4px;
2873  margin-right: -8px;
2874}
2875
2876notebook > header tab button.flat:first-child {
2877  margin-left: -8px;
2878  margin-right: 4px;
2879}
2880
2881notebook > header.top tabs, notebook > header.bottom tabs {
2882  padding-left: 8px;
2883  padding-right: 8px;
2884}
2885
2886notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2887  margin-left: 0;
2888}
2889
2890notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2891  margin-right: 0;
2892}
2893
2894notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2895  margin: 0 -1px;
2896  border-style: none solid;
2897}
2898
2899notebook > header.left tabs, notebook > header.right tabs {
2900  padding-top: 8px;
2901  padding-bottom: 8px;
2902}
2903
2904notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2905  margin-top: 0;
2906}
2907
2908notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2909  margin-bottom: 0;
2910}
2911
2912notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2913  margin: -1px 0;
2914  border-style: solid none;
2915}
2916
2917notebook > stack:not(:only-child) {
2918  background-color: #FFFFFF;
2919  border-radius: 10px;
2920}
2921
2922/**************
2923 * Scrollbars *
2924 **************/
2925scrollbar {
2926  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2927  background-color: rgba(255, 255, 255, 0.65);
2928  background-clip: padding-box;
2929}
2930
2931* {
2932  -GtkScrollbar-has-backward-stepper: false;
2933  -GtkScrollbar-has-forward-stepper: false;
2934}
2935
2936scrollbar.top {
2937  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
2938}
2939
2940scrollbar.bottom {
2941  border-top: 1px solid rgba(0, 0, 0, 0.08);
2942}
2943
2944scrollbar.left {
2945  border-right: 1px solid rgba(0, 0, 0, 0.08);
2946}
2947
2948scrollbar.right {
2949  border-left: 1px solid rgba(0, 0, 0, 0.08);
2950}
2951
2952scrollbar slider {
2953  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2954  min-width: 8px;
2955  min-height: 8px;
2956  border: 4px solid transparent;
2957  border-radius: 9999px;
2958  background-clip: padding-box;
2959  background-color: rgba(0, 0, 0, 0.38);
2960}
2961
2962scrollbar slider:hover {
2963  background-color: rgba(0, 0, 0, 0.55);
2964}
2965
2966scrollbar slider:active {
2967  background-color: rgba(0, 0, 0, 0.75);
2968}
2969
2970scrollbar slider:disabled {
2971  background-color: rgba(0, 0, 0, 0.26);
2972}
2973
2974scrollbar.fine-tune slider {
2975  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2976  min-width: 4px;
2977  min-height: 4px;
2978}
2979
2980scrollbar.fine-tune.horizontal slider {
2981  margin: 2px 0;
2982}
2983
2984scrollbar.fine-tune.vertical slider {
2985  margin: 0 2px;
2986}
2987
2988scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2989  border-color: transparent;
2990  background-color: transparent;
2991}
2992
2993scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2994  min-width: 4px;
2995  min-height: 4px;
2996  margin: 3px;
2997  border: 1px solid rgba(255, 255, 255, 0.3);
2998}
2999
3000scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
3001  min-width: 4px;
3002  min-height: 4px;
3003  margin: 3px;
3004  border: 1px solid rgba(255, 255, 255, 0.3);
3005  border-radius: 9999px;
3006  background-color: rgba(0, 0, 0, 0.38);
3007  background-clip: padding-box;
3008  -gtk-icon-source: none;
3009}
3010
3011scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
3012  background-color: rgba(0, 0, 0, 0.26);
3013}
3014
3015scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
3016  min-width: 24px;
3017}
3018
3019scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
3020  min-width: 8px;
3021}
3022
3023scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
3024  min-height: 24px;
3025}
3026
3027scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
3028  min-height: 8px;
3029}
3030
3031scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
3032  background-color: rgba(255, 255, 255, 0.9);
3033}
3034
3035scrollbar.horizontal slider {
3036  min-width: 24px;
3037}
3038
3039scrollbar.vertical slider {
3040  min-height: 24px;
3041}
3042
3043scrollbar button {
3044  min-width: 16px;
3045  min-height: 16px;
3046  padding: 0;
3047  border-radius: 0;
3048}
3049
3050scrollbar.vertical button.down {
3051  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3052}
3053
3054scrollbar.vertical button.up {
3055  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
3056}
3057
3058scrollbar.horizontal button.down {
3059  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
3060}
3061
3062scrollbar.horizontal button.up {
3063  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
3064}
3065
3066/**********
3067 * Switch *
3068 **********/
3069switch {
3070  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
3071  margin: 4px 0;
3072  padding: 0;
3073  min-height: 16px;
3074  min-width: 38px;
3075  border: 4px solid transparent;
3076  border-radius: 9999px;
3077  background-color: rgba(0, 0, 0, 0.2);
3078  background-clip: padding-box;
3079  color: transparent;
3080  font-size: 0;
3081}
3082
3083switch:disabled {
3084  background-color: rgba(0, 0, 0, 0.08);
3085}
3086
3087switch:checked {
3088  background-color: rgba(124, 77, 255, 0.35);
3089  color: transparent;
3090}
3091
3092switch:checked:disabled {
3093  background-color: rgba(124, 77, 255, 0.2);
3094}
3095
3096switch slider {
3097  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3098  min-width: 20px;
3099  min-height: 20px;
3100  margin: -4px -2px;
3101  border-radius: 9999px;
3102  -gtk-outline-radius: 9999px;
3103  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
3104  background-color: #FFFFFF;
3105  color: transparent;
3106  background-position: center;
3107  background-repeat: no-repeat;
3108  background-image: -gtk-scaled(url("assets/switch-slider-unchecked.png"), url("assets/switch-slider-unchecked@2.png"));
3109}
3110
3111switch:hover slider {
3112  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
3113}
3114
3115switch:checked slider {
3116  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), margin 0;
3117  background-color: #7C4DFF;
3118  color: transparent;
3119  background-image: -gtk-scaled(url("assets/switch-slider-checked.png"), url("assets/switch-slider-checked@2.png"));
3120}
3121
3122switch:disabled slider {
3123  background-color: #eaeaf4;
3124}
3125
3126switch:checked:disabled slider {
3127  animation: none;
3128  background-color: #bea6ff;
3129}
3130
3131row:selected switch:checked {
3132  background-color: rgba(68, 1, 255, 0.35);
3133}
3134
3135row:selected switch:checked:disabled {
3136  background-color: rgba(68, 1, 255, 0.2);
3137}
3138
3139row:selected switch:checked slider {
3140  background-color: #561aff;
3141}
3142
3143/*************************
3144 * Check and Radio items *
3145 *************************/
3146.view.content-view.check:not(list),
3147.content-view .tile check:not(list) {
3148  min-height: 40px;
3149  min-width: 40px;
3150  margin: 0;
3151  padding: 0;
3152  box-shadow: none;
3153  background-color: transparent;
3154  background-image: none;
3155  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
3156}
3157
3158.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
3159.content-view .tile check:not(list):hover,
3160.content-view .tile check:not(list):active {
3161  -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
3162}
3163
3164.view.content-view.check:not(list),
3165.content-view .tile check:not(list) {
3166  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
3167}
3168
3169.view.content-view.check:not(list):checked,
3170.content-view .tile check:not(list):checked {
3171  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
3172}
3173
3174checkbutton,
3175radiobutton {
3176  outline: none;
3177}
3178
3179checkbutton.text-button,
3180radiobutton.text-button {
3181  padding: 2px;
3182  outline-offset: 0;
3183}
3184
3185checkbutton.text-button label:not(:only-child),
3186radiobutton.text-button label:not(:only-child) {
3187  margin: 0 4px;
3188}
3189
3190row check:selected,
3191row radio:selected, row check:selected:active,
3192row radio:selected:active, row check:selected:checked,
3193row radio:selected:checked, row check:selected:indeterminate,
3194row radio:selected:indeterminate, row check:selected:focus,
3195row radio:selected:focus, row check:selected:focus:active,
3196row radio:selected:focus:active, row check:selected:focus:checked,
3197row radio:selected:focus:checked, row check:selected:focus:indeterminate,
3198row radio:selected:focus:indeterminate, treeview.view check:selected,
3199treeview.view radio:selected, treeview.view check:selected:active,
3200treeview.view radio:selected:active, treeview.view check:selected:checked,
3201treeview.view radio:selected:checked, treeview.view check:selected:indeterminate,
3202treeview.view radio:selected:indeterminate, treeview.view check:selected:focus,
3203treeview.view radio:selected:focus, treeview.view check:selected:focus:active,
3204treeview.view radio:selected:focus:active, treeview.view check:selected:focus:checked,
3205treeview.view radio:selected:focus:checked, treeview.view check:selected:focus:indeterminate,
3206treeview.view radio:selected:focus:indeterminate, row.activatable check:selected,
3207row.activatable radio:selected, row.activatable check:selected:active,
3208row.activatable radio:selected:active, row.activatable check:selected:checked,
3209row.activatable radio:selected:checked, row.activatable check:selected:indeterminate,
3210row.activatable radio:selected:indeterminate, row.activatable check:selected:focus,
3211row.activatable radio:selected:focus, row.activatable check:selected:focus:active,
3212row.activatable radio:selected:focus:active, row.activatable check:selected:focus:checked,
3213row.activatable radio:selected:focus:checked, row.activatable check:selected:focus:indeterminate,
3214row.activatable radio:selected:focus:indeterminate, row checkbutton check:selected, row checkbutton check:selected:active, row checkbutton check:selected:checked, row checkbutton check:selected:indeterminate, row checkbutton check:selected:focus, row checkbutton check:selected:focus:active, row checkbutton check:selected:focus:checked, row checkbutton check:selected:focus:indeterminate, treeview.view checkbutton check:selected, treeview.view checkbutton check:selected:active, treeview.view checkbutton check:selected:checked, treeview.view checkbutton check:selected:indeterminate, treeview.view checkbutton check:selected:focus, treeview.view checkbutton check:selected:focus:active, treeview.view checkbutton check:selected:focus:checked, treeview.view checkbutton check:selected:focus:indeterminate, row.activatable checkbutton check:selected, row.activatable checkbutton check:selected:active, row.activatable checkbutton check:selected:checked, row.activatable checkbutton check:selected:indeterminate, row.activatable checkbutton check:selected:focus, row.activatable checkbutton check:selected:focus:active, row.activatable checkbutton check:selected:focus:checked, row.activatable checkbutton check:selected:focus:indeterminate, row radiobutton radio:selected, row radiobutton radio:selected:active, row radiobutton radio:selected:checked, row radiobutton radio:selected:indeterminate, row radiobutton radio:selected:focus, row radiobutton radio:selected:focus:active, row radiobutton radio:selected:focus:checked, row radiobutton radio:selected:focus:indeterminate, treeview.view radiobutton radio:selected, treeview.view radiobutton radio:selected:active, treeview.view radiobutton radio:selected:checked, treeview.view radiobutton radio:selected:indeterminate, treeview.view radiobutton radio:selected:focus, treeview.view radiobutton radio:selected:focus:active, treeview.view radiobutton radio:selected:focus:checked, treeview.view radiobutton radio:selected:focus:indeterminate, row.activatable radiobutton radio:selected, row.activatable radiobutton radio:selected:active, row.activatable radiobutton radio:selected:checked, row.activatable radiobutton radio:selected:indeterminate, row.activatable radiobutton radio:selected:focus, row.activatable radiobutton radio:selected:focus:active, row.activatable radiobutton radio:selected:focus:checked, row.activatable radiobutton radio:selected:focus:indeterminate {
3215  color: rgba(255, 255, 255, 0.7);
3216}
3217
3218row check:selected:disabled,
3219row radio:selected:disabled, row check:selected:active:disabled,
3220row radio:selected:active:disabled, row check:selected:checked:disabled,
3221row radio:selected:checked:disabled, row check:selected:indeterminate:disabled,
3222row radio:selected:indeterminate:disabled, row check:selected:focus:disabled,
3223row radio:selected:focus:disabled, row check:selected:focus:active:disabled,
3224row radio:selected:focus:active:disabled, row check:selected:focus:checked:disabled,
3225row radio:selected:focus:checked:disabled, row check:selected:focus:indeterminate:disabled,
3226row radio:selected:focus:indeterminate:disabled, treeview.view check:selected:disabled,
3227treeview.view radio:selected:disabled, treeview.view check:selected:active:disabled,
3228treeview.view radio:selected:active:disabled, treeview.view check:selected:checked:disabled,
3229treeview.view radio:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
3230treeview.view radio:selected:indeterminate:disabled, treeview.view check:selected:focus:disabled,
3231treeview.view radio:selected:focus:disabled, treeview.view check:selected:focus:active:disabled,
3232treeview.view radio:selected:focus:active:disabled, treeview.view check:selected:focus:checked:disabled,
3233treeview.view radio:selected:focus:checked:disabled, treeview.view check:selected:focus:indeterminate:disabled,
3234treeview.view radio:selected:focus:indeterminate:disabled, row.activatable check:selected:disabled,
3235row.activatable radio:selected:disabled, row.activatable check:selected:active:disabled,
3236row.activatable radio:selected:active:disabled, row.activatable check:selected:checked:disabled,
3237row.activatable radio:selected:checked:disabled, row.activatable check:selected:indeterminate:disabled,
3238row.activatable radio:selected:indeterminate:disabled, row.activatable check:selected:focus:disabled,
3239row.activatable radio:selected:focus:disabled, row.activatable check:selected:focus:active:disabled,
3240row.activatable radio:selected:focus:active:disabled, row.activatable check:selected:focus:checked:disabled,
3241row.activatable radio:selected:focus:checked:disabled, row.activatable check:selected:focus:indeterminate:disabled,
3242row.activatable radio:selected:focus:indeterminate:disabled, row checkbutton check:selected:disabled, row checkbutton check:selected:active:disabled, row checkbutton check:selected:checked:disabled, row checkbutton check:selected:indeterminate:disabled, row checkbutton check:selected:focus:disabled, row checkbutton check:selected:focus:active:disabled, row checkbutton check:selected:focus:checked:disabled, row checkbutton check:selected:focus:indeterminate:disabled, treeview.view checkbutton check:selected:disabled, treeview.view checkbutton check:selected:active:disabled, treeview.view checkbutton check:selected:checked:disabled, treeview.view checkbutton check:selected:indeterminate:disabled, treeview.view checkbutton check:selected:focus:disabled, treeview.view checkbutton check:selected:focus:active:disabled, treeview.view checkbutton check:selected:focus:checked:disabled, treeview.view checkbutton check:selected:focus:indeterminate:disabled, row.activatable checkbutton check:selected:disabled, row.activatable checkbutton check:selected:active:disabled, row.activatable checkbutton check:selected:checked:disabled, row.activatable checkbutton check:selected:indeterminate:disabled, row.activatable checkbutton check:selected:focus:disabled, row.activatable checkbutton check:selected:focus:active:disabled, row.activatable checkbutton check:selected:focus:checked:disabled, row.activatable checkbutton check:selected:focus:indeterminate:disabled, row radiobutton radio:selected:disabled, row radiobutton radio:selected:active:disabled, row radiobutton radio:selected:checked:disabled, row radiobutton radio:selected:indeterminate:disabled, row radiobutton radio:selected:focus:disabled, row radiobutton radio:selected:focus:active:disabled, row radiobutton radio:selected:focus:checked:disabled, row radiobutton radio:selected:focus:indeterminate:disabled, treeview.view radiobutton radio:selected:disabled, treeview.view radiobutton radio:selected:active:disabled, treeview.view radiobutton radio:selected:checked:disabled, treeview.view radiobutton radio:selected:indeterminate:disabled, treeview.view radiobutton radio:selected:focus:disabled, treeview.view radiobutton radio:selected:focus:active:disabled, treeview.view radiobutton radio:selected:focus:checked:disabled, treeview.view radiobutton radio:selected:focus:indeterminate:disabled, row.activatable radiobutton radio:selected:disabled, row.activatable radiobutton radio:selected:active:disabled, row.activatable radiobutton radio:selected:checked:disabled, row.activatable radiobutton radio:selected:indeterminate:disabled, row.activatable radiobutton radio:selected:focus:disabled, row.activatable radiobutton radio:selected:focus:active:disabled, row.activatable radiobutton radio:selected:focus:checked:disabled, row.activatable radiobutton radio:selected:focus:indeterminate:disabled {
3243  color: rgba(255, 255, 255, 0.3);
3244}
3245
3246row check:selected:hover,
3247row radio:selected:hover, treeview.view check:selected:hover,
3248treeview.view radio:selected:hover, row checkbutton check:selected:hover, row checkbutton check:selected:focus:hover, treeview.view checkbutton check:selected:hover, treeview.view checkbutton check:selected:focus:hover, row.activatable checkbutton check:selected:hover, row.activatable checkbutton check:selected:focus:hover, row radiobutton radio:selected:hover, row radiobutton radio:selected:focus:hover, treeview.view radiobutton radio:selected:hover, treeview.view radiobutton radio:selected:focus:hover, row.activatable radiobutton radio:selected:hover, row.activatable radiobutton radio:selected:focus:hover {
3249  color: #FFFFFF;
3250}
3251
3252row check:selected:hover:disabled,
3253row radio:selected:hover:disabled, treeview.view check:selected:hover:disabled,
3254treeview.view radio:selected:hover:disabled, row checkbutton check:selected:hover:disabled, row checkbutton check:selected:focus:hover:disabled, treeview.view checkbutton check:selected:hover:disabled, treeview.view checkbutton check:selected:focus:hover:disabled, row.activatable checkbutton check:selected:hover:disabled, row.activatable checkbutton check:selected:focus:hover:disabled, row radiobutton radio:selected:hover:disabled, row radiobutton radio:selected:focus:hover:disabled, treeview.view radiobutton radio:selected:hover:disabled, treeview.view radiobutton radio:selected:focus:hover:disabled, row.activatable radiobutton radio:selected:hover:disabled, row.activatable radiobutton radio:selected:focus:hover:disabled {
3255  color: rgba(255, 255, 255, 0.5);
3256}
3257
3258check,
3259radio {
3260  min-height: 24px;
3261  min-width: 24px;
3262  margin: -7px;
3263  padding: 7px;
3264}
3265
3266check:checked, check:indeterminate,
3267radio:checked,
3268radio:indeterminate {
3269  color: #7C4DFF;
3270}
3271
3272check:checked:disabled, check:indeterminate:disabled,
3273radio:checked:disabled,
3274radio:indeterminate:disabled {
3275  color: rgba(124, 77, 255, 0.5);
3276}
3277
3278popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:focus, popover radio:focus:hover, popover radio:active, popover radio:disabled {
3279  transition: none;
3280  box-shadow: none;
3281  background-image: none;
3282}
3283
3284popover check.left:dir(rtl), popover radio.left:dir(rtl) {
3285  margin-left: -12px;
3286  margin-right: -4px;
3287}
3288
3289popover check.right:dir(ltr), popover radio.right:dir(ltr) {
3290  margin-left: -4px;
3291  margin-right: -12px;
3292}
3293
3294menu menuitem check, menu menuitem radio {
3295  transition: none;
3296  margin: 0;
3297  padding: 0;
3298}
3299
3300menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
3301  margin-right: 8px;
3302}
3303
3304menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
3305  margin-left: 8px;
3306}
3307
3308menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
3309  color: rgba(255, 255, 255, 0.7);
3310}
3311
3312menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled {
3313  box-shadow: none;
3314}
3315
3316
3317check {
3318  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
3319}
3320
3321
3322check:checked {
3323  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
3324}
3325
3326
3327check:indeterminate {
3328  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
3329}
3330
3331
3332radio {
3333  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
3334  border-image-slice: 19;
3335  border-image-width: 19px;
3336}
3337
3338
3339radio:indeterminate {
3340  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
3341}
3342
3343
3344radio {
3345  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent));
3346}
3347
3348
3349radio:checked:not(:indeterminate) {
3350  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1315789474, to(#7C4DFF), to(transparent));
3351}
3352
3353
3354radio:checked:not(:indeterminate):disabled {
3355  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1315789474, to(rgba(124, 77, 255, 0.5)), to(transparent));
3356}
3357
3358window.background:not(.csd) > widget > checkbutton > check,
3359menu menuitem check {
3360  min-height: 16px;
3361  min-width: 16px;
3362  border-radius: 7px;
3363  -gtk-outline-radius: 7px;
3364  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
3365}
3366
3367window.background:not(.csd) > widget > checkbutton > check:checked,
3368menu menuitem check:checked {
3369  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
3370}
3371
3372window.background:not(.csd) > widget > checkbutton > check:indeterminate,
3373menu menuitem check:indeterminate {
3374  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
3375}
3376
3377window.background:not(.csd) > widget > radiobutton > radio,
3378menu menuitem radio {
3379  min-height: 16px;
3380  min-width: 16px;
3381  border-image: none;
3382  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
3383}
3384
3385window.background:not(.csd) > widget > radiobutton > radio:checked,
3386menu menuitem radio:checked {
3387  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
3388}
3389
3390window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
3391menu menuitem radio:indeterminate {
3392  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
3393}
3394
3395check:not(:checked):active {
3396  -gtk-icon-transform: rotate(90deg);
3397}
3398
3399check:not(:checked):indeterminate:active,
3400radio:not(:checked):indeterminate:active {
3401  -gtk-icon-transform: scaleX(-1);
3402}
3403
3404check:not(:checked),
3405radio:not(:checked) {
3406  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
3407}
3408
3409check:not(:checked):active,
3410radio:not(:checked):active {
3411  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
3412}
3413
3414menu menuitem check:not(:checked), menu menuitem radio:not(:checked) {
3415  transition: none;
3416}
3417
3418treeview.view check,
3419treeview.view radio {
3420  padding: 0;
3421}
3422
3423treeview.view check:hover,
3424treeview.view radio:hover {
3425  box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.75), 0.05);
3426}
3427
3428treeview.view check:hover:disabled,
3429treeview.view radio:hover:disabled {
3430  box-shadow: none;
3431}
3432
3433treeview.view check:hover:selected,
3434treeview.view radio:hover:selected {
3435  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
3436}
3437
3438treeview.view check,
3439treeview.view radio {
3440  color: rgba(0, 0, 0, 0.55);
3441}
3442
3443treeview.view check:hover, treeview.view check:active,
3444treeview.view radio:hover,
3445treeview.view radio:active {
3446  color: rgba(0, 0, 0, 0.75);
3447}
3448
3449treeview.view check:disabled,
3450treeview.view radio:disabled {
3451  color: rgba(0, 0, 0, 0.26);
3452}
3453
3454treeview.view check:checked, treeview.view check:indeterminate,
3455treeview.view radio:checked,
3456treeview.view radio:indeterminate {
3457  color: #7C4DFF;
3458}
3459
3460treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
3461treeview.view radio:checked:disabled,
3462treeview.view radio:indeterminate:disabled {
3463  color: rgba(124, 77, 255, 0.5);
3464}
3465
3466treeview.view radio:checked {
3467  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
3468  border-image: none;
3469}
3470
3471/************
3472 * GtkScale *
3473 ************/
3474scale {
3475  min-height: 0px;
3476  min-width: 0px;
3477  padding: 16px;
3478}
3479
3480scale slider {
3481  min-height: 32px;
3482  min-width: 32px;
3483  margin: -15px;
3484}
3485
3486scale trough {
3487  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
3488  outline: none;
3489  background-color: rgba(0, 0, 0, 0.2);
3490}
3491
3492scale trough:disabled {
3493  background-color: rgba(0, 0, 0, 0.08);
3494}
3495
3496scale highlight {
3497  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
3498  background-color: #7C4DFF;
3499}
3500
3501scale highlight:disabled {
3502  background-color: transparent;
3503}
3504
3505scale fill {
3506  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
3507  background-color: rgba(0, 0, 0, 0.2);
3508}
3509
3510scale fill:disabled {
3511  background-color: transparent;
3512}
3513
3514scale slider {
3515  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
3516  background-repeat: no-repeat;
3517  background-position: center;
3518  background-size: auto, 1000% 1000%;
3519  border-radius: 50%;
3520  color: transparent;
3521}
3522
3523scale slider {
3524  background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
3525}
3526
3527scale slider:disabled {
3528  background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
3529}
3530
3531scale slider:hover {
3532  background-color: rgba(124, 77, 255, 0.08);
3533}
3534
3535scale slider:focus {
3536  background-color: rgba(124, 77, 255, 0.12);
3537}
3538
3539scale slider:focus:hover {
3540  background-color: rgba(124, 77, 255, 0.16);
3541}
3542
3543scale slider:active {
3544  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
3545  animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3546  background-size: auto, 0% 0%;
3547  background-color: rgba(124, 77, 255, 0.08);
3548  color: rgba(124, 77, 255, 0.12);
3549}
3550
3551scale.fine-tune slider {
3552  background-size: calc(100% - 12px);
3553}
3554
3555scale marks label,
3556scale value {
3557  color: rgba(0, 0, 0, 0.38);
3558}
3559
3560scale marks {
3561  color: rgba(0, 0, 0, 0.2);
3562}
3563
3564scale marks.top {
3565  margin-bottom: 7px;
3566  margin-top: -15px;
3567}
3568
3569scale marks.bottom {
3570  margin-top: 7px;
3571  margin-bottom: -15px;
3572}
3573
3574scale marks.left {
3575  margin-right: 7px;
3576  margin-left: -15px;
3577}
3578
3579scale marks.right {
3580  margin-left: 7px;
3581  margin-right: -15px;
3582}
3583
3584scale.fine-tune marks.top {
3585  margin-bottom: 6px;
3586  margin-top: -14px;
3587}
3588
3589scale.fine-tune marks.bottom {
3590  margin-top: 6px;
3591  margin-bottom: -14px;
3592}
3593
3594scale.fine-tune marks.left {
3595  margin-right: 6px;
3596  margin-left: -14px;
3597}
3598
3599scale.fine-tune marks.right {
3600  margin-left: 6px;
3601  margin-right: -14px;
3602}
3603
3604scale.horizontal indicator {
3605  min-height: 8px;
3606  min-width: 1px;
3607}
3608
3609scale.vertical indicator {
3610  min-height: 1px;
3611  min-width: 8px;
3612}
3613
3614scale.horizontal.marks-before:not(.marks-after) slider {
3615  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
3616}
3617
3618scale.horizontal.marks-before:not(.marks-after) slider:disabled {
3619  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
3620}
3621
3622scale.horizontal.marks-after:not(.marks-before) slider {
3623  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
3624}
3625
3626scale.horizontal.marks-after:not(.marks-before) slider:disabled {
3627  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
3628}
3629
3630scale.vertical.marks-before:not(.marks-after) slider {
3631  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
3632}
3633
3634scale.vertical.marks-before:not(.marks-after) slider:disabled {
3635  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
3636}
3637
3638scale.vertical.marks-after:not(.marks-before) slider {
3639  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
3640}
3641
3642scale.vertical.marks-after:not(.marks-before) slider:disabled {
3643  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
3644}
3645
3646scale.color {
3647  min-height: 0;
3648  min-width: 0;
3649}
3650
3651scale.color.horizontal {
3652  padding: 0 0 12px 0;
3653}
3654
3655scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
3656  margin-bottom: -16px;
3657  margin-top: -6px;
3658}
3659
3660scale.color.vertical:dir(ltr) {
3661  padding: 0 0 0 12px;
3662}
3663
3664scale.color.vertical:dir(ltr) slider {
3665  margin-left: -16px;
3666  margin-right: -6px;
3667}
3668
3669scale.color.vertical:dir(rtl) {
3670  padding: 0 12px 0 0;
3671}
3672
3673scale.color.vertical:dir(rtl) slider {
3674  margin-right: -16px;
3675  margin-left: -6px;
3676}
3677
3678/*****************
3679 * Progress bars *
3680 *****************/
3681progressbar {
3682  color: rgba(0, 0, 0, 0.38);
3683  font-size: smaller;
3684}
3685
3686progressbar.horizontal trough,
3687progressbar.horizontal progress {
3688  min-height: 4px;
3689}
3690
3691progressbar.vertical trough,
3692progressbar.vertical progress {
3693  min-width: 4px;
3694}
3695
3696progressbar trough {
3697  border-radius: 9999px;
3698  background-color: rgba(93, 125, 251, 0.3);
3699}
3700
3701progressbar progress {
3702  border-radius: 9999px;
3703  background-color: #5D7DFB;
3704  background-image: linear-gradient(to left, #BA68C8, #7E57C2);
3705  background-size: auto auto;
3706  background-position: center center;
3707  background-repeat: no-repeat;
3708}
3709
3710progressbar trough.empty progress {
3711  all: unset;
3712}
3713
3714/*************
3715 * Level Bar *
3716 *************/
3717levelbar.horizontal block {
3718  min-height: 4px;
3719}
3720
3721levelbar.horizontal.discrete block {
3722  min-width: 32px;
3723}
3724
3725levelbar.horizontal.discrete block:not(:last-child) {
3726  margin-right: 2px;
3727}
3728
3729levelbar.vertical block {
3730  min-width: 4px;
3731}
3732
3733levelbar.vertical.discrete block {
3734  min-height: 32px;
3735}
3736
3737levelbar.vertical.discrete block:not(:last-child) {
3738  margin-bottom: 2px;
3739}
3740
3741levelbar trough {
3742  padding: 2px;
3743  border-radius: 5px;
3744  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
3745  background-color: #FFFFFF;
3746}
3747
3748levelbar trough:disabled {
3749  background-color: #eaeaf4;
3750}
3751
3752levelbar block.low {
3753  background-color: #FF6D00;
3754}
3755
3756levelbar block.high, levelbar block:not(.empty) {
3757  background-color: #5657f5;
3758}
3759
3760levelbar block.full {
3761  background-color: #00C853;
3762}
3763
3764levelbar block.empty {
3765  background-color: rgba(0, 0, 0, 0.08);
3766}
3767
3768/****************
3769 * Print dialog *
3770*****************/
3771printdialog paper {
3772  padding: 0;
3773  border: 1px solid rgba(0, 0, 0, 0.08);
3774  background-color: #FFFFFF;
3775  color: rgba(0, 0, 0, 0.75);
3776}
3777
3778printdialog .dialog-action-box {
3779  margin: 12px;
3780}
3781
3782/**********
3783 * Frames *
3784 **********/
3785frame > border,
3786.frame {
3787  margin: 0;
3788  padding: 0;
3789  border: 1px solid rgba(0, 0, 0, 0.08);
3790  border-radius: 0;
3791  box-shadow: none;
3792}
3793
3794frame > border.flat,
3795.frame.flat {
3796  border-style: none;
3797}
3798
3799frame.flat > border {
3800  border-style: none;
3801}
3802
3803actionbar > revealer > box {
3804  padding: 4px;
3805  border-top: 1px solid rgba(0, 0, 0, 0.08);
3806}
3807
3808actionbar > revealer > box .linked > button {
3809  border-radius: 7px;
3810}
3811
3812scrolledwindow viewport.frame {
3813  border-style: none;
3814}
3815
3816overshoot.top {
3817  background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
3818  background-repeat: no-repeat;
3819  background-position: center top;
3820  background-color: transparent;
3821  border: none;
3822  box-shadow: none;
3823}
3824
3825overshoot.bottom {
3826  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
3827  background-repeat: no-repeat;
3828  background-position: center bottom;
3829  background-color: transparent;
3830  border: none;
3831  box-shadow: none;
3832}
3833
3834overshoot.left {
3835  background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
3836  background-repeat: no-repeat;
3837  background-position: left center;
3838  background-color: transparent;
3839  border: none;
3840  box-shadow: none;
3841}
3842
3843overshoot.right {
3844  background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
3845  background-repeat: no-repeat;
3846  background-position: right center;
3847  background-color: transparent;
3848  border: none;
3849  box-shadow: none;
3850}
3851
3852undershoot.top {
3853  background-color: transparent;
3854  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
3855  padding-top: 1px;
3856  background-size: 12px 1px;
3857  background-repeat: repeat-x;
3858  background-origin: content-box;
3859  background-position: left top;
3860}
3861
3862undershoot.bottom {
3863  background-color: transparent;
3864  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
3865  padding-bottom: 1px;
3866  background-size: 12px 1px;
3867  background-repeat: repeat-x;
3868  background-origin: content-box;
3869  background-position: left bottom;
3870}
3871
3872undershoot.left {
3873  background-color: transparent;
3874  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
3875  padding-left: 1px;
3876  background-size: 1px 12px;
3877  background-repeat: repeat-y;
3878  background-origin: content-box;
3879  background-position: left top;
3880}
3881
3882undershoot.right {
3883  background-color: transparent;
3884  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.2) 50%);
3885  padding-right: 1px;
3886  background-size: 1px 12px;
3887  background-repeat: repeat-y;
3888  background-origin: content-box;
3889  background-position: right top;
3890}
3891
3892junction {
3893  border-style: solid none none solid;
3894  border-width: 1px;
3895  border-color: rgba(0, 0, 0, 0.08);
3896  background-color: #FFFFFF;
3897}
3898
3899junction:dir(rtl) {
3900  border-style: solid solid none none;
3901}
3902
3903separator {
3904  min-width: 1px;
3905  min-height: 1px;
3906  background-color: rgba(0, 0, 0, 0.08);
3907}
3908
3909preferences stacksidebar.sidebar list separator, .tweak-categories separator,
3910button.font separator,
3911button.file separator {
3912  min-width: 0;
3913  min-height: 0;
3914  background-color: transparent;
3915}
3916
3917/*********
3918 * Lists *
3919 *********/
3920list {
3921  border-color: rgba(0, 0, 0, 0.08);
3922  background-color: #FFFFFF;
3923}
3924
3925list row {
3926  padding: 2px;
3927}
3928
3929.budgie-menu button, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, .view, iconview, treeview.view header button, row.activatable {
3930  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
3931  box-shadow: inset 0 0 0 9999px transparent;
3932  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3933  background-repeat: no-repeat;
3934  background-position: center;
3935  background-size: 1000% 1000%;
3936}
3937
3938.budgie-menu button:hover, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:hover, filechooser stack.view scrolledwindow treeview.view:hover, .view:hover, iconview:hover, treeview.view header button:hover, row.activatable:hover {
3939  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
3940  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3941}
3942
3943.budgie-menu button.has-open-popup, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.has-open-popup.view, filechooser stack.view scrolledwindow treeview.has-open-popup.view, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button:active, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:active, filechooser stack.view scrolledwindow treeview.view:active, .view:active, iconview:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
3944  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3945  animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3946  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3947  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3948  background-size: 0% 0%;
3949}
3950
3951row button.circular {
3952  margin: 0 4px;
3953}
3954
3955/*********************
3956 * App Notifications *
3957 *********************/
3958.app-notification {
3959  margin: 8px;
3960}
3961
3962.app-notification.frame,
3963.app-notification border {
3964  border-style: none;
3965}
3966
3967/*************
3968 * Expanders *
3969 *************/
3970expander title > arrow {
3971  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3972  min-width: 16px;
3973  min-height: 16px;
3974  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3975  -gtk-icon-transform: rotate(-90deg);
3976  color: rgba(0, 0, 0, 0.55);
3977}
3978
3979expander title > arrow:dir(rtl) {
3980  -gtk-icon-transform: rotate(90deg);
3981}
3982
3983expander title > arrow:checked {
3984  -gtk-icon-transform: unset;
3985}
3986
3987expander title > arrow:hover, expander title > arrow:active {
3988  color: rgba(0, 0, 0, 0.75);
3989}
3990
3991expander title > arrow:disabled {
3992  color: rgba(0, 0, 0, 0.26);
3993}
3994
3995expander title > arrow:selected {
3996  color: rgba(255, 255, 255, 0.7);
3997}
3998
3999expander title > arrow:selected:hover, expander title > arrow:selected:active {
4000  color: #FFFFFF;
4001}
4002
4003expander title > arrow:selected:disabled {
4004  color: rgba(255, 255, 255, 0.3);
4005}
4006
4007/************
4008 * Calendar *
4009 ************/
4010calendar {
4011  padding: 2px 6px;
4012  border: 1px solid rgba(0, 0, 0, 0.08);
4013  color: rgba(0, 0, 0, 0.75);
4014}
4015
4016calendar:disabled {
4017  color: rgba(0, 0, 0, 0.38);
4018}
4019
4020calendar:selected {
4021  border-radius: 5px;
4022}
4023
4024calendar.header {
4025  border-style: none none solid;
4026  border-radius: 0;
4027}
4028
4029calendar.highlight {
4030  color: rgba(0, 0, 0, 0.55);
4031  font-weight: 500;
4032}
4033
4034calendar:indeterminate {
4035  color: rgba(0, 0, 0, 0.26);
4036}
4037
4038/***********
4039 * Dialogs *
4040 ***********/
4041messagedialog {
4042  color: rgba(255, 255, 255, 0.8);
4043}
4044
4045messagedialog.background {
4046  background-color: rgba(63, 63, 63, 0.95);
4047}
4048
4049messagedialog .titlebar {
4050  min-height: 20px;
4051  border-style: none;
4052  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4053  background-color: rgba(63, 63, 63, 0.95);
4054  color: rgba(255, 255, 255, 0.8);
4055  border-top-left-radius: 7px;
4056  border-top-right-radius: 7px;
4057}
4058
4059messagedialog .titlebar:backdrop {
4060  color: rgba(255, 255, 255, 0.3);
4061}
4062
4063messagedialog list, messagedialog row, messagedialog .view, messagedialog textview.view > text {
4064  color: rgba(255, 255, 255, 0.8);
4065  background-color: #373737;
4066  border-color: rgba(255, 255, 255, 0.12);
4067}
4068
4069messagedialog .dialog-action-area button {
4070  padding: 4px 12px;
4071  border-top: 1px solid rgba(0, 0, 0, 0.08);
4072  border-radius: 0;
4073  color: rgba(255, 255, 255, 0.8);
4074}
4075
4076messagedialog .dialog-action-area button:first-child {
4077  border-bottom-left-radius: 0;
4078  border-top-left-radius: 0;
4079}
4080
4081messagedialog .dialog-action-area button:last-child {
4082  border-bottom-right-radius: 0;
4083  border-top-right-radius: 0;
4084}
4085
4086messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.suggested-action:hover {
4087  color: #7C4DFF;
4088}
4089
4090messagedialog .dialog-action-area button.suggested-action:active, messagedialog .dialog-action-area button.suggested-action:checked {
4091  background-color: #7C4DFF;
4092  color: white;
4093  border-color: #7C4DFF;
4094  box-shadow: none;
4095}
4096
4097messagedialog .dialog-action-area button.suggested-action:disabled {
4098  opacity: 0.65;
4099}
4100
4101messagedialog .dialog-action-area button.destructive-action, messagedialog .dialog-action-area button.destructive-action:hover {
4102  color: #FF5252;
4103}
4104
4105messagedialog .dialog-action-area button.destructive-action:active, messagedialog .dialog-action-area button.destructive-action:checked {
4106  background-color: #FF5252;
4107  color: white;
4108  border-color: #FF5252;
4109  box-shadow: none;
4110}
4111
4112messagedialog .dialog-action-area button.destructive-action:disabled {
4113  opacity: 0.65;
4114}
4115
4116messagedialog.csd {
4117  color: rgba(255, 255, 255, 0.8);
4118}
4119
4120messagedialog.csd.background {
4121  border-bottom-left-radius: 7px;
4122  border-bottom-right-radius: 7px;
4123}
4124
4125messagedialog.csd .dialog-action-area button {
4126  padding: 8px 16px;
4127  border-top: 1px solid rgba(0, 0, 0, 0.08);
4128  border-radius: 0;
4129  color: rgba(255, 255, 255, 0.8);
4130}
4131
4132messagedialog.csd .dialog-action-area button:first-child {
4133  border-bottom-left-radius: 7px;
4134  border-top-left-radius: 0;
4135}
4136
4137messagedialog.csd .dialog-action-area button:last-child {
4138  border-bottom-right-radius: 7px;
4139  border-top-right-radius: 0;
4140}
4141
4142messagedialog entry {
4143  color: rgba(255, 255, 255, 0.8);
4144}
4145
4146messagedialog expander title > arrow {
4147  color: rgba(255, 255, 255, 0.7);
4148}
4149
4150messagedialog expander title > arrow:hover, messagedialog expander title > arrow:active {
4151  color: #FFFFFF;
4152}
4153
4154messagedialog expander title > arrow:disabled {
4155  color: rgba(255, 255, 255, 0.3);
4156}
4157
4158.background.csd filechooser, .background.csd filechooser placessidebar {
4159  background: none;
4160  border-radius: 0 0 13px 13px;
4161}
4162
4163.background.csd filechooser list, .background.csd filechooser placessidebar list {
4164  background-color: transparent;
4165}
4166
4167.maximized filechooser placessidebar {
4168  border-radius: 0;
4169}
4170
4171filechooser stack.view {
4172  background-color: transparent;
4173}
4174
4175filechooser stack.view scrolledwindow {
4176  background-color: #FFFFFF;
4177  border-radius: 0 0 13px 13px;
4178}
4179
4180filechooser stack.view scrolledwindow treeview.view {
4181  background-color: transparent;
4182}
4183
4184filechooser .dialog-action-box {
4185  border-top: 1px solid rgba(0, 0, 0, 0.08);
4186}
4187
4188filechooser #pathbarbox {
4189  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
4190  background-color: #f4f4f9;
4191}
4192
4193filechooserbutton:drop(active) {
4194  box-shadow: none;
4195}
4196
4197/***********
4198 * Sidebar *
4199 ***********/
4200stacksidebar .frame list:dir(ltr) {
4201  box-shadow: inset -2px 0 3px -3px rgba(0, 0, 0, 0.05), inset -3px 0 5px -3px rgba(0, 0, 0, 0.05), inset -3px 0 10px -3px rgba(0, 0, 0, 0.03);
4202}
4203
4204stacksidebar .frame list:dir(rtl) {
4205  box-shadow: inset 2px 0 3px -3px rgba(0, 0, 0, 0.05), inset 3px 0 5px -3px rgba(0, 0, 0, 0.05), inset 3px 0 10px -3px rgba(0, 0, 0, 0.03);
4206}
4207
4208.sidebar {
4209  border-style: none;
4210  background-color: #f4f4f9;
4211}
4212
4213stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
4214  border-right: 1px solid #dadaeb;
4215  border-left-style: none;
4216}
4217
4218stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
4219  border-left: 1px solid #dadaeb;
4220  border-right-style: none;
4221}
4222
4223.sidebar list {
4224  background-color: transparent;
4225}
4226
4227paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
4228  border-style: none;
4229}
4230
4231stacksidebar row {
4232  padding: 10px 4px;
4233}
4234
4235stacksidebar row > label {
4236  padding-left: 6px;
4237  padding-right: 6px;
4238}
4239
4240/****************
4241 * File chooser *
4242 ****************/
4243.nautilus-window placessidebar row:selected button.sidebar-button {
4244  color: rgba(86, 87, 245, 0.75);
4245}
4246
4247.nautilus-window placessidebar row:selected button.sidebar-button:hover, .nautilus-window placessidebar row:selected button.sidebar-button:active {
4248  color: #5657f5;
4249}
4250
4251.nautilus-window placessidebar row:selected button.sidebar-button:disabled {
4252  color: rgba(86, 87, 245, 0.35);
4253}
4254
4255.nautilus-window placessidebar row:selected button.sidebar-button:checked {
4256  background-color: rgba(86, 87, 245, 0.1);
4257  color: #5657f5;
4258}
4259
4260.nautilus-window placessidebar row:selected button.sidebar-button:checked:disabled {
4261  background-color: rgba(86, 87, 245, 0.05);
4262  color: rgba(86, 87, 245, 0.55);
4263}
4264
4265row image.sidebar-icon {
4266  color: rgba(0, 0, 0, 0.55);
4267}
4268
4269row:selected image.sidebar-icon {
4270  color: rgba(255, 255, 255, 0.7);
4271}
4272
4273placessidebar > viewport.frame {
4274  border-style: none;
4275}
4276
4277placessidebar list {
4278  padding: 1px 0 4px;
4279}
4280
4281placessidebar row {
4282  min-height: 32px;
4283  margin: -1px 4px -1px 0;
4284  padding: 0;
4285  border-radius: 0 7px 7px 0;
4286}
4287
4288placessidebar row > revealer {
4289  padding: 0 12px;
4290}
4291
4292placessidebar row:selected {
4293  background-color: rgba(0, 0, 0, 0.06);
4294  color: #5657f5;
4295}
4296
4297placessidebar row:selected image.sidebar-icon, placessidebar row:selected label.sidebar-label {
4298  color: #5657f5;
4299}
4300
4301placessidebar row:disabled {
4302  color: rgba(0, 0, 0, 0.38);
4303}
4304
4305placessidebar row image.sidebar-icon:dir(ltr) {
4306  padding-right: 8px;
4307}
4308
4309placessidebar row image.sidebar-icon:dir(rtl) {
4310  padding-left: 8px;
4311}
4312
4313placessidebar row label.sidebar-label:dir(ltr) {
4314  padding-right: 2px;
4315}
4316
4317placessidebar row label.sidebar-label:dir(rtl) {
4318  padding-left: 2px;
4319}
4320
4321placessidebar row.sidebar-placeholder-row {
4322  min-height: 2px;
4323  padding: 0 8px;
4324  background-image: image(#7C4DFF);
4325  background-clip: content-box;
4326}
4327
4328placessidebar row.sidebar-new-bookmark-row, placessidebar row.sidebar-new-bookmark-row image.sidebar-icon {
4329  color: #7C4DFF;
4330}
4331
4332placessidebar row:drop(active):not(:disabled) {
4333  box-shadow: inset 0 0 0 2px #7C4DFF;
4334}
4335
4336placesview .server-list-button > image {
4337  -gtk-icon-transform: rotate(0turn);
4338}
4339
4340placesview .server-list-button:checked > image {
4341  -gtk-icon-transform: rotate(-0.5turn);
4342}
4343
4344placesview > actionbar > revealer > box > label {
4345  padding-left: 8px;
4346  padding-right: 8px;
4347}
4348
4349/*********
4350 * Paned *
4351 *********/
4352paned > separator {
4353  min-width: 1px;
4354  min-height: 1px;
4355  -gtk-icon-source: none;
4356  border-style: none;
4357  background-color: transparent;
4358  background-image: image(rgba(0, 0, 0, 0.08));
4359  background-size: 1px 1px;
4360  background-clip: content-box;
4361}
4362
4363paned > separator.wide {
4364  min-width: 6px;
4365  min-height: 6px;
4366  background-color: #f4f4f9;
4367  background-image: image(rgba(0, 0, 0, 0.08)), image(rgba(0, 0, 0, 0.08));
4368  background-size: 1px 1px, 1px 1px;
4369}
4370
4371paned.horizontal > separator {
4372  background-repeat: repeat-y;
4373}
4374
4375paned.horizontal > separator:dir(ltr) {
4376  margin: 0 -8px 0 0;
4377  padding: 0 8px 0 0;
4378  background-position: left;
4379}
4380
4381paned.horizontal > separator:dir(rtl) {
4382  margin: 0 0 0 -8px;
4383  padding: 0 0 0 8px;
4384  background-position: right;
4385}
4386
4387paned.horizontal > separator.wide {
4388  margin: 0;
4389  padding: 0;
4390  background-repeat: repeat-y, repeat-y;
4391  background-position: left, right;
4392}
4393
4394paned.vertical > separator {
4395  margin: 0 0 -8px 0;
4396  padding: 0 0 8px 0;
4397  background-repeat: repeat-x;
4398  background-position: top;
4399}
4400
4401paned.vertical > separator.wide {
4402  margin: 0;
4403  padding: 0;
4404  background-repeat: repeat-x, repeat-x;
4405  background-position: bottom, top;
4406}
4407
4408/**************
4409 * GtkInfoBar *
4410 **************/
4411infobar {
4412  border-style: none;
4413}
4414
4415infobar.info {
4416  background-color: #66BB6A;
4417}
4418
4419infobar.question {
4420  background-color: #42A5F5;
4421}
4422
4423infobar.warning {
4424  background-color: #FFA726;
4425}
4426
4427infobar.error {
4428  background-color: #EF5350;
4429}
4430
4431infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
4432  color: #FFFFFF;
4433}
4434
4435/************
4436 * Tooltips *
4437 ************/
4438tooltip {
4439  border-radius: 7px;
4440  box-shadow: none;
4441}
4442
4443tooltip.background.csd {
4444  border-radius: 7px;
4445  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4446  background-color: rgba(63, 63, 63, 0.9);
4447  color: rgba(255, 255, 255, 0.8);
4448}
4449
4450tooltip decoration {
4451  background-color: transparent;
4452}
4453
4454tooltip label {
4455  min-height: 20px;
4456  padding: 0 2px;
4457}
4458
4459tooltip * {
4460  padding: 0;
4461  background-color: transparent;
4462  color: inherit;
4463}
4464
4465/*****************
4466 * Color Chooser *
4467 *****************/
4468colorswatch.top {
4469  border-top-left-radius: 5.5px;
4470  border-top-right-radius: 5.5px;
4471}
4472
4473colorswatch.top overlay {
4474  border-top-left-radius: 5px;
4475  border-top-right-radius: 5px;
4476}
4477
4478colorswatch.bottom {
4479  border-bottom-left-radius: 5.5px;
4480  border-bottom-right-radius: 5.5px;
4481}
4482
4483colorswatch.bottom overlay {
4484  border-bottom-left-radius: 5px;
4485  border-bottom-right-radius: 5px;
4486}
4487
4488colorswatch.left, colorswatch:first-child:not(.top) {
4489  border-top-left-radius: 5.5px;
4490  border-bottom-left-radius: 5.5px;
4491}
4492
4493colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
4494  border-top-left-radius: 5px;
4495  border-bottom-left-radius: 5px;
4496}
4497
4498colorswatch.right, colorswatch:last-child:not(.bottom) {
4499  border-top-right-radius: 5.5px;
4500  border-bottom-right-radius: 5.5px;
4501}
4502
4503colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
4504  border-top-right-radius: 5px;
4505  border-bottom-right-radius: 5px;
4506}
4507
4508colorswatch.dark {
4509  color: #FFFFFF;
4510}
4511
4512colorswatch.light {
4513  color: rgba(0, 0, 0, 0.87);
4514}
4515
4516colorswatch:drop(active) {
4517  box-shadow: none;
4518}
4519
4520colorswatch:drop(active).light overlay {
4521  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
4522}
4523
4524colorswatch:drop(active).dark overlay {
4525  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
4526}
4527
4528colorswatch overlay {
4529  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
4530  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
4531}
4532
4533colorswatch overlay:hover {
4534  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
4535}
4536
4537colorswatch#add-color-button {
4538  border-radius: 5px 5px 0 0;
4539  color: #FFFFFF;
4540}
4541
4542colorswatch#add-color-button:only-child {
4543  border-radius: 5px;
4544}
4545
4546colorswatch#add-color-button overlay {
4547  background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
4548}
4549
4550colorswatch:disabled {
4551  opacity: 0.5;
4552}
4553
4554colorswatch:disabled overlay {
4555  box-shadow: none;
4556}
4557
4558colorswatch#editor-color-sample {
4559  border-radius: 5.5px;
4560}
4561
4562colorswatch#editor-color-sample overlay {
4563  border-radius: 5px;
4564}
4565
4566colorchooser .popover.osd {
4567  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
4568  border-radius: 7px;
4569  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.4);
4570  background-color: #FFFFFF;
4571}
4572
4573colorchooser .popover.osd:backdrop {
4574  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
4575}
4576
4577/********
4578 * Misc *
4579 ********/
4580.content-view {
4581  background-color: #f4f4f9;
4582}
4583
4584/**********************
4585 * Window Decorations *
4586 **********************/
4587decoration {
4588  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
4589  border-radius: 13px;
4590  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
4591  margin: 8px;
4592}
4593
4594decoration:backdrop {
4595  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), 0 16px 16px transparent;
4596}
4597
4598.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
4599  border-radius: 0;
4600}
4601
4602.popup decoration {
4603  box-shadow: none;
4604}
4605
4606.ssd decoration {
4607  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
4608}
4609
4610.csd.popup decoration {
4611  border-radius: 8px;
4612  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
4613}
4614
4615tooltip.csd decoration {
4616  border-radius: 7px;
4617  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
4618}
4619
4620messagedialog.csd decoration {
4621  border-radius: 7px;
4622}
4623
4624.solid-csd decoration {
4625  margin: 0;
4626  border-radius: 0;
4627  border: none;
4628  box-shadow: none;
4629  background-color: #31313a;
4630}
4631
4632/*****************
4633 * Title buttons *
4634 *****************/
4635headerbar,
4636.titlebar {
4637  padding: 0 14px;
4638}
4639
4640.solid-csd headerbar:not(.default-decoration) button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
4641.titlebar button.titlebutton.close,
4642.titlebar button.titlebutton.maximize,
4643.titlebar button.titlebutton.minimize {
4644  min-width: 12px;
4645  min-height: 12px;
4646  padding: 0;
4647  margin: 0 2px;
4648  color: transparent;
4649  background-color: rgba(255, 255, 255, 0.3);
4650}
4651
4652.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover, headerbar button.titlebutton.close:hover, headerbar button.titlebutton.close:backdrop:hover, headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:backdrop:hover, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:backdrop:hover, .csd headerbar button.titlebutton.close:hover, .csd headerbar button.titlebutton.close:backdrop:hover, .csd headerbar button.titlebutton.maximize:hover, .csd headerbar button.titlebutton.maximize:backdrop:hover, .csd headerbar button.titlebutton.minimize:hover, .csd headerbar button.titlebutton.minimize:backdrop:hover, headerbar.default-decoration button.titlebutton.close:hover, headerbar.default-decoration button.titlebutton.close:backdrop:hover, headerbar.default-decoration button.titlebutton.maximize:hover, headerbar.default-decoration button.titlebutton.maximize:backdrop:hover, headerbar.default-decoration button.titlebutton.minimize:hover, headerbar.default-decoration button.titlebutton.minimize:backdrop:hover, .csd headerbar.default-decoration button.titlebutton.close:hover, .csd headerbar.default-decoration button.titlebutton.close:backdrop:hover, .csd headerbar.default-decoration button.titlebutton.maximize:hover, .csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover, .csd headerbar.default-decoration button.titlebutton.minimize:hover, .csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,
4653.titlebar button.titlebutton.close:hover,
4654.titlebar button.titlebutton.close:backdrop:hover,
4655.titlebar button.titlebutton.maximize:hover,
4656.titlebar button.titlebutton.maximize:backdrop:hover,
4657.titlebar button.titlebutton.minimize:hover,
4658.titlebar button.titlebutton.minimize:backdrop:hover, .csd .titlebar button.titlebutton.close:hover, .csd .titlebar button.titlebutton.close:backdrop:hover, .csd .titlebar button.titlebutton.maximize:hover, .csd .titlebar button.titlebutton.maximize:backdrop:hover, .csd .titlebar button.titlebutton.minimize:hover, .csd .titlebar button.titlebutton.minimize:backdrop:hover,
4659.titlebar.default-decoration button.titlebutton.close:hover,
4660.titlebar.default-decoration button.titlebutton.close:backdrop:hover,
4661.titlebar.default-decoration button.titlebutton.maximize:hover,
4662.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,
4663.titlebar.default-decoration button.titlebutton.minimize:hover,
4664.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover, .csd .titlebar.default-decoration button.titlebutton.close:hover, .csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover, .csd .titlebar.default-decoration button.titlebutton.maximize:hover, .csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover, .csd .titlebar.default-decoration button.titlebutton.minimize:hover, .csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {
4665  color: rgba(255, 255, 255, 0.7);
4666}
4667
4668.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, headerbar button.titlebutton.close:backdrop:active, headerbar button.titlebutton.close:backdrop:checked, headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:checked, headerbar button.titlebutton.maximize:backdrop:active, headerbar button.titlebutton.maximize:backdrop:checked, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:checked, headerbar button.titlebutton.minimize:backdrop:active, headerbar button.titlebutton.minimize:backdrop:checked, .csd headerbar button.titlebutton.close:active, .csd headerbar button.titlebutton.close:checked, .csd headerbar button.titlebutton.close:backdrop:active, .csd headerbar button.titlebutton.close:backdrop:checked, .csd headerbar button.titlebutton.maximize:active, .csd headerbar button.titlebutton.maximize:checked, .csd headerbar button.titlebutton.maximize:backdrop:active, .csd headerbar button.titlebutton.maximize:backdrop:checked, .csd headerbar button.titlebutton.minimize:active, .csd headerbar button.titlebutton.minimize:checked, .csd headerbar button.titlebutton.minimize:backdrop:active, .csd headerbar button.titlebutton.minimize:backdrop:checked, headerbar.default-decoration button.titlebutton.close:active, headerbar.default-decoration button.titlebutton.close:checked, headerbar.default-decoration button.titlebutton.close:backdrop:active, headerbar.default-decoration button.titlebutton.close:backdrop:checked, headerbar.default-decoration button.titlebutton.maximize:active, headerbar.default-decoration button.titlebutton.maximize:checked, headerbar.default-decoration button.titlebutton.maximize:backdrop:active, headerbar.default-decoration button.titlebutton.maximize:backdrop:checked, headerbar.default-decoration button.titlebutton.minimize:active, headerbar.default-decoration button.titlebutton.minimize:checked, headerbar.default-decoration button.titlebutton.minimize:backdrop:active, headerbar.default-decoration button.titlebutton.minimize:backdrop:checked, .csd headerbar.default-decoration button.titlebutton.close:active, .csd headerbar.default-decoration button.titlebutton.close:checked, .csd headerbar.default-decoration button.titlebutton.close:backdrop:active, .csd headerbar.default-decoration button.titlebutton.close:backdrop:checked, .csd headerbar.default-decoration button.titlebutton.maximize:active, .csd headerbar.default-decoration button.titlebutton.maximize:checked, .csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active, .csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked, .csd headerbar.default-decoration button.titlebutton.minimize:active, .csd headerbar.default-decoration button.titlebutton.minimize:checked, .csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active, .csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,
4669.titlebar button.titlebutton.close:active,
4670.titlebar button.titlebutton.close:checked,
4671.titlebar button.titlebutton.close:backdrop:active,
4672.titlebar button.titlebutton.close:backdrop:checked,
4673.titlebar button.titlebutton.maximize:active,
4674.titlebar button.titlebutton.maximize:checked,
4675.titlebar button.titlebutton.maximize:backdrop:active,
4676.titlebar button.titlebutton.maximize:backdrop:checked,
4677.titlebar button.titlebutton.minimize:active,
4678.titlebar button.titlebutton.minimize:checked,
4679.titlebar button.titlebutton.minimize:backdrop:active,
4680.titlebar button.titlebutton.minimize:backdrop:checked, .csd .titlebar button.titlebutton.close:active, .csd .titlebar button.titlebutton.close:checked, .csd .titlebar button.titlebutton.close:backdrop:active, .csd .titlebar button.titlebutton.close:backdrop:checked, .csd .titlebar button.titlebutton.maximize:active, .csd .titlebar button.titlebutton.maximize:checked, .csd .titlebar button.titlebutton.maximize:backdrop:active, .csd .titlebar button.titlebutton.maximize:backdrop:checked, .csd .titlebar button.titlebutton.minimize:active, .csd .titlebar button.titlebutton.minimize:checked, .csd .titlebar button.titlebutton.minimize:backdrop:active, .csd .titlebar button.titlebutton.minimize:backdrop:checked,
4681.titlebar.default-decoration button.titlebutton.close:active,
4682.titlebar.default-decoration button.titlebutton.close:checked,
4683.titlebar.default-decoration button.titlebutton.close:backdrop:active,
4684.titlebar.default-decoration button.titlebutton.close:backdrop:checked,
4685.titlebar.default-decoration button.titlebutton.maximize:active,
4686.titlebar.default-decoration button.titlebutton.maximize:checked,
4687.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,
4688.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,
4689.titlebar.default-decoration button.titlebutton.minimize:active,
4690.titlebar.default-decoration button.titlebutton.minimize:checked,
4691.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,
4692.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked, .csd .titlebar.default-decoration button.titlebutton.close:active, .csd .titlebar.default-decoration button.titlebutton.close:checked, .csd .titlebar.default-decoration button.titlebutton.close:backdrop:active, .csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked, .csd .titlebar.default-decoration button.titlebutton.maximize:active, .csd .titlebar.default-decoration button.titlebutton.maximize:checked, .csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active, .csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked, .csd .titlebar.default-decoration button.titlebutton.minimize:active, .csd .titlebar.default-decoration button.titlebutton.minimize:checked, .csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active, .csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {
4693  color: #FFFFFF;
4694}
4695
4696.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop, headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, .csd headerbar button.titlebutton.close:backdrop, .csd headerbar button.titlebutton.maximize:backdrop, .csd headerbar button.titlebutton.minimize:backdrop, headerbar.default-decoration button.titlebutton.close:backdrop, headerbar.default-decoration button.titlebutton.maximize:backdrop, headerbar.default-decoration button.titlebutton.minimize:backdrop, .csd headerbar.default-decoration button.titlebutton.close:backdrop, .csd headerbar.default-decoration button.titlebutton.maximize:backdrop, .csd headerbar.default-decoration button.titlebutton.minimize:backdrop,
4697.titlebar button.titlebutton.close:backdrop,
4698.titlebar button.titlebutton.maximize:backdrop,
4699.titlebar button.titlebutton.minimize:backdrop, .csd .titlebar button.titlebutton.close:backdrop, .csd .titlebar button.titlebutton.maximize:backdrop, .csd .titlebar button.titlebutton.minimize:backdrop,
4700.titlebar.default-decoration button.titlebutton.close:backdrop,
4701.titlebar.default-decoration button.titlebutton.maximize:backdrop,
4702.titlebar.default-decoration button.titlebutton.minimize:backdrop, .csd .titlebar.default-decoration button.titlebutton.close:backdrop, .csd .titlebar.default-decoration button.titlebutton.maximize:backdrop, .csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {
4703  color: transparent;
4704  background-color: rgba(255, 255, 255, 0.12);
4705}
4706
4707#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close, headerbar button.titlebutton.close,
4708.titlebar button.titlebutton.close {
4709  transition: background-size 0, background-image 0, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
4710}
4711
4712#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, headerbar button.titlebutton.close:hover, .csd headerbar button.titlebutton.close:hover, headerbar.default-decoration button.titlebutton.close:hover, .csd headerbar.default-decoration button.titlebutton.close:hover,
4713.titlebar button.titlebutton.close:hover, .csd .titlebar button.titlebutton.close:hover,
4714.titlebar.default-decoration button.titlebutton.close:hover, .csd .titlebar.default-decoration button.titlebutton.close:hover {
4715  padding: 2px;
4716  margin: -2px 0;
4717  background-color: #EF5350;
4718  color: rgba(255, 255, 255, 0.7);
4719  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
4720}
4721
4722#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, .csd headerbar button.titlebutton.close:active, .csd headerbar button.titlebutton.close:checked, headerbar.default-decoration button.titlebutton.close:active, headerbar.default-decoration button.titlebutton.close:checked, .csd headerbar.default-decoration button.titlebutton.close:active, .csd headerbar.default-decoration button.titlebutton.close:checked,
4723.titlebar button.titlebutton.close:active,
4724.titlebar button.titlebutton.close:checked, .csd .titlebar button.titlebutton.close:active, .csd .titlebar button.titlebutton.close:checked,
4725.titlebar.default-decoration button.titlebutton.close:active,
4726.titlebar.default-decoration button.titlebutton.close:checked, .csd .titlebar.default-decoration button.titlebutton.close:active, .csd .titlebar.default-decoration button.titlebutton.close:checked {
4727  padding: 2px;
4728  margin: -2px 0;
4729  background-color: #7C4DFF;
4730  color: #FFFFFF;
4731  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
4732}
4733
4734headerbar.default-decoration button.titlebutton.close:hover, headerbar.default-decoration button.titlebutton.close:active, headerbar.default-decoration button.titlebutton.close:checked, .csd headerbar.default-decoration button.titlebutton.close:hover, .csd headerbar.default-decoration button.titlebutton.close:active, .csd headerbar.default-decoration button.titlebutton.close:checked,
4735.titlebar.default-decoration button.titlebutton.close:hover,
4736.titlebar.default-decoration button.titlebutton.close:active,
4737.titlebar.default-decoration button.titlebutton.close:checked, .csd .titlebar.default-decoration button.titlebutton.close:hover, .csd .titlebar.default-decoration button.titlebutton.close:active, .csd .titlebar.default-decoration button.titlebutton.close:checked {
4738  padding: 0;
4739  margin: 0 2px;
4740  box-shadow: none;
4741}
4742
4743.budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected,
4744.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected {
4745  background-color: #5657f5;
4746}
4747
4748row:selected label, label:selected, .budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected,
4749.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected {
4750  color: #FFFFFF;
4751}
4752
4753row:selected label:disabled, label:disabled:selected, .budgie-menu button:disabled:checked, text:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection:disabled, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled:selected, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected,
4754.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, row:disabled:selected, calendar:disabled:selected, filechooser stack.view scrolledwindow treeview.view selection:disabled {
4755  color: rgba(255, 255, 255, 0.5);
4756}
4757
4758.monospace {
4759  font-family: monospace;
4760}
4761
4762/**********************
4763 * Touch Copy & Paste *
4764 **********************/
4765cursor-handle {
4766  border-radius: 9999px;
4767  background-color: #7C4DFF;
4768  background-image: none;
4769}
4770
4771cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
4772  padding-left: 6px;
4773  border-top-right-radius: 0;
4774}
4775
4776cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
4777  padding-right: 6px;
4778  border-top-left-radius: 0;
4779}
4780
4781cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
4782  -GtkWidget-text-handle-width: 24;
4783  -GtkWidget-text-handle-height: 30;
4784  -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
4785}
4786
4787.context-menu {
4788  font: initial;
4789}
4790
4791.keycap {
4792  min-width: 12px;
4793  min-height: 26px;
4794  margin-top: 2px;
4795  padding-bottom: 2px;
4796  padding-left: 8px;
4797  padding-right: 8px;
4798  border: solid 1px rgba(0, 0, 0, 0.08);
4799  border-radius: 5px;
4800  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.08);
4801  background-color: #FFFFFF;
4802  color: rgba(0, 0, 0, 0.75);
4803  font-size: smaller;
4804}
4805
4806:not(decoration):not(window):drop(active) {
4807  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
4808  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #7C4DFF;
4809  caret-color: #7C4DFF;
4810}
4811
4812stackswitcher button.text-button {
4813  min-width: 100px;
4814}
4815
4816stackswitcher button.circular,
4817stackswitcher button.text-button.circular {
4818  min-width: 32px;
4819  min-height: 32px;
4820  padding: 0;
4821}
4822
4823/*********
4824 * Emoji *
4825 *********/
4826popover.emoji-picker {
4827  padding: 0;
4828}
4829
4830popover.emoji-picker entry {
4831  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
4832  border-bottom-left-radius: 0;
4833  border-bottom-right-radius: 0;
4834  box-shadow: none;
4835  background-color: transparent;
4836}
4837
4838popover.emoji-picker scrolledwindow {
4839  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
4840}
4841
4842button.emoji-section {
4843  margin-top: -1px;
4844  padding: 0 8px;
4845  min-width: 24px;
4846  min-height: 32px;
4847  border-radius: 0;
4848  outline-offset: -6px;
4849  box-shadow: none;
4850}
4851
4852button.emoji-section:hover {
4853  box-shadow: inset 0 2px rgba(0, 0, 0, 0.2);
4854}
4855
4856button.emoji-section:active, button.emoji-section:checked {
4857  box-shadow: inset 0 2px #5657f5;
4858  background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%);
4859}
4860
4861button.emoji-section:checked {
4862  box-shadow: inset 0 2px #5657f5;
4863  background-color: transparent;
4864}
4865
4866button.emoji-section:first-child {
4867  margin-left: 4px;
4868}
4869
4870button.emoji-section:last-child {
4871  margin-right: 4px;
4872}
4873
4874.emoji {
4875  min-width: 3em;
4876  min-height: 3em;
4877  padding: 0;
4878}
4879
4880.emoji widget {
4881  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4882  border-radius: 5px;
4883}
4884
4885.emoji widget:hover {
4886  font-size: larger;
4887}
4888
4889/************
4890 * Nautilus *
4891 ************/
4892.nautilus-window headerbar .path-bar-box button {
4893  border-radius: 100px;
4894  color: rgba(255, 255, 255, 0.7);
4895  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.7) 0%, transparent 0%) 0 0 0/0 0 0;
4896}
4897
4898.nautilus-window headerbar .path-bar-box button:hover {
4899  color: #FFFFFF;
4900}
4901
4902.nautilus-window headerbar .path-bar-box button:checked, .nautilus-window headerbar .path-bar-box button:active {
4903  color: #FFFFFF;
4904  background-color: transparent;
4905  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px;
4906}
4907
4908.nautilus-window headerbar .path-bar-box button:checked:backdrop, .nautilus-window headerbar .path-bar-box button:active:backdrop {
4909  color: rgba(255, 255, 255, 0.5);
4910  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
4911}
4912
4913.nautilus-window headerbar .path-bar-box button:backdrop {
4914  color: rgba(255, 255, 255, 0.3);
4915}
4916
4917.nautilus-window headerbar .path-bar-box button:backdrop:hover {
4918  color: rgba(255, 255, 255, 0.7);
4919}
4920
4921.nautilus-window {
4922  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
4923  background-size: 48px auto;
4924  background-position: left bottom;
4925  background-repeat: no-repeat;
4926}
4927
4928.nautilus-window.csd.background {
4929  background-color: #FFFFFF;
4930  border-radius: 0 0 13px 13px;
4931}
4932
4933.nautilus-window.csd.background notebook {
4934  background-color: transparent;
4935  border-radius: 0 0 13px 13px;
4936}
4937
4938.nautilus-window.csd.background notebook > stack {
4939  background-color: transparent;
4940  border-radius: 13px;
4941}
4942
4943.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) {
4944  background-color: transparent;
4945}
4946
4947.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) header button:not(:hover):not(:active):not(:checked) {
4948  background-color: transparent;
4949}
4950
4951.nautilus-window.csd.background.unified headerbar {
4952  background-color: transparent;
4953}
4954
4955.nautilus-window.maximized.csd.background, .nautilus-window.maximized placessidebar, .nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack {
4956  border-radius: 0;
4957}
4958
4959.nautilus-window placessidebar {
4960  background: none;
4961  margin-right: 6px;
4962}
4963
4964.nautilus-window placessidebar list {
4965  background: none;
4966}
4967
4968.nautilus-window placessidebar row {
4969  padding-left: 6px;
4970}
4971
4972.nautilus-window placessidebar row, .nautilus-window placessidebar row:hover, .nautilus-window placessidebar row:selected, .nautilus-window placessidebar row:active, .nautilus-window placessidebar row:selected:hover, .nautilus-window placessidebar row:selected:active, .nautilus-window placessidebar row:focus {
4973  transition: none;
4974  animation: none;
4975  background: none;
4976  box-shadow: none;
4977}
4978
4979.nautilus-window placessidebar row image.sidebar-icon {
4980  color: rgba(255, 255, 255, 0.7);
4981  margin-right: 6px;
4982}
4983
4984.nautilus-window placessidebar row label.sidebar-label {
4985  padding-left: 18px;
4986  color: rgba(0, 0, 0, 0.55);
4987  border-radius: 0 7px 7px 0;
4988}
4989
4990.nautilus-window placessidebar row:hover label.sidebar-label {
4991  background-color: rgba(0, 0, 0, 0.03);
4992}
4993
4994.nautilus-window placessidebar row:backdrop {
4995  opacity: 0.85;
4996}
4997
4998.nautilus-window placessidebar row:selected label.sidebar-label {
4999  color: #5657f5;
5000  background-color: rgba(0, 0, 0, 0.06);
5001}
5002
5003.nautilus-window placessidebar row:selected image.sidebar-icon {
5004  color: #FFFFFF;
5005}
5006
5007.nautilus-window placessidebar separator {
5008  background-color: transparent;
5009}
5010
5011.nautilus-window headerbar {
5012  background-color: #31313a;
5013  background-image: -gtk-scaled(url("assets/header-icon-alt.png"), url("assets/header-icon-alt@2.png"));
5014  background-size: 48px auto;
5015  background-position: left bottom;
5016  background-repeat: no-repeat;
5017  padding-left: 54px;
5018  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5019}
5020
5021.nautilus-window headerbar .path-bar-box {
5022  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
5023  background-size: auto auto;
5024  background-position: center center;
5025  background-repeat: no-repeat;
5026  border-radius: 100px;
5027  padding-left: 22px;
5028  margin-left: 6px;
5029  margin-right: 6px;
5030  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.08);
5031}
5032
5033.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
5034.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button {
5035  margin-top: 0;
5036  margin-bottom: 0;
5037  border-radius: 100px;
5038}
5039
5040.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
5041.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
5042  color: #FFFFFF;
5043  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px;
5044}
5045
5046.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child:backdrop,
5047.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child:backdrop {
5048  color: rgba(255, 255, 255, 0.5);
5049  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
5050}
5051
5052.nautilus-window headerbar .path-bar-box.background.frame {
5053  border: none;
5054  background-color: transparent;
5055}
5056
5057.nautilus-window paned > separator {
5058  min-width: 20px;
5059  color: transparent;
5060  background-image: url("assets/scalable/side-paned.svg");
5061  background-size: 20px 750px;
5062  background-position: left center;
5063  background-repeat: no-repeat;
5064}
5065
5066.nautilus-window .floating-bar {
5067  min-height: 32px;
5068  padding: 0;
5069  border-style: solid solid none;
5070  border-width: 1px;
5071  border-color: rgba(0, 0, 0, 0.08);
5072  border-radius: 13px 13px 0 0;
5073  background-color: #FFFFFF;
5074  background-clip: padding-box;
5075  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
5076}
5077
5078.nautilus-window .floating-bar.bottom.left {
5079  margin-right: 7px;
5080  border-left-style: none;
5081  border-top-left-radius: 0;
5082  border-bottom-left-radius: 13px;
5083}
5084
5085.nautilus-window .floating-bar.bottom.right {
5086  margin-left: 7px;
5087  border-right-style: none;
5088  border-top-right-radius: 0;
5089  border-bottom-right-radius: 13px;
5090}
5091
5092.nautilus-window .floating-bar button {
5093  margin: 6px;
5094}
5095
5096.nautilus-window.maximized .floating-bar {
5097  border-bottom-right-radius: 0;
5098  border-bottom-left-radius: 0;
5099}
5100
5101.nautilus-window searchbar {
5102  border-top: 1px solid rgba(0, 0, 0, 0.08);
5103  background-color: rgba(244, 244, 249, 0.65);
5104}
5105
5106.nautilus-window .searchbar-container {
5107  margin-top: -1px;
5108}
5109
5110.nautilus-window flowboxchild > widget > .icon-item-background {
5111  padding: 4px;
5112  border-radius: 5px;
5113}
5114
5115.nautilus-window flowboxchild:selected {
5116  background-color: transparent;
5117}
5118
5119.nautilus-window flowboxchild:selected > widget > .icon-item-background {
5120  background-color: #5657f5;
5121}
5122
5123.nautilus-window > popover.menu:not(:last-child) {
5124  padding: 3px;
5125}
5126
5127.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
5128  margin-top: -6px;
5129}
5130
5131.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
5132  margin-bottom: -6px;
5133}
5134
5135.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
5136  margin-top: 1px;
5137}
5138
5139.nautilus-window > popover.menu:not(:last-child) separator {
5140  margin-bottom: -2px;
5141}
5142
5143.nautilus-canvas-item {
5144  border-radius: 5px;
5145}
5146
5147.caja-desktop.caja-canvas-item,
5148.nautilus-desktop.nautilus-canvas-item:not(:selected) {
5149  color: #FFFFFF;
5150  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
5151}
5152
5153@keyframes needs_attention_keyframes {
5154  to {
5155    background-color: alpha(currentColor, 0.3);
5156  }
5157}
5158
5159.nautilus-operations-button-needs-attention {
5160  animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
5161}
5162
5163.nautilus-operations-button-needs-attention-multiple {
5164  animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
5165}
5166
5167.disk-space-display.unknown {
5168  background-color: #FF6D00;
5169}
5170
5171.disk-space-display.used {
5172  background-color: #5657f5;
5173}
5174
5175.disk-space-display.free {
5176  background-color: rgba(0, 0, 0, 0.08);
5177}
5178
5179.conflict-row:not(:selected) {
5180  background-color: #ffd3b3;
5181}
5182
5183dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
5184  border-style: none;
5185}
5186
5187dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
5188  border-top: 1px solid rgba(0, 0, 0, 0.08);
5189}
5190
5191dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
5192  margin: 0 8px;
5193}
5194
5195.nautilus-menu-sort-heading {
5196  margin: 1px 3px;
5197  font-weight: 500;
5198}
5199
5200.nautilus-menu-sort-heading:disabled {
5201  color: rgba(0, 0, 0, 0.38);
5202}
5203
5204/*********
5205 * gedit *
5206 *********/
5207.open-document-selector-path-label {
5208  color: rgba(0, 0, 0, 0.55);
5209  font-size: smaller;
5210}
5211
5212.open-document-selector-path-label:selected {
5213  color: rgba(255, 255, 255, 0.7);
5214}
5215
5216.gedit-document-panel {
5217  background-color: #f4f4f9;
5218}
5219
5220.gedit-document-panel row button.flat {
5221  margin: 8px;
5222}
5223
5224.gedit-document-panel-group-row:not(:first-child) {
5225  border-top: 1px solid rgba(0, 0, 0, 0.08);
5226}
5227
5228.gedit-side-panel-paned statusbar {
5229  border-top: 1px solid rgba(0, 0, 0, 0.08);
5230}
5231
5232.gedit-search-slider {
5233  margin: 4px 4px 8px;
5234}
5235
5236.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
5237  border-radius: 7px;
5238}
5239
5240.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
5241  all: unset;
5242  color: rgba(0, 0, 0, 0.38);
5243}
5244
5245.gedit-search-slider entry:dir(ltr) {
5246  margin-right: -52px;
5247  padding-right: 52px;
5248}
5249
5250.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
5251  margin-left: 4px;
5252}
5253
5254.gedit-search-slider entry:dir(ltr) image.right {
5255  margin-right: 0;
5256}
5257
5258.gedit-search-slider entry:dir(rtl) {
5259  margin-left: -52px;
5260  padding-left: 52px;
5261}
5262
5263.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
5264  margin-right: 4px;
5265}
5266
5267.gedit-search-slider entry:dir(rtl) image.left {
5268  margin-left: 0;
5269}
5270
5271.gedit-search-slider entry.error ~ button {
5272  color: rgba(255, 255, 255, 0.7);
5273}
5274
5275.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
5276  color: #FFFFFF;
5277}
5278
5279.gedit-search-slider entry.error ~ button:disabled {
5280  color: rgba(255, 255, 255, 0.3);
5281}
5282
5283.gedit-search-slider button {
5284  border: solid 4px transparent;
5285}
5286
5287.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
5288  margin-left: -2px;
5289}
5290
5291.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
5292  margin-right: -2px;
5293}
5294
5295frame.gedit-map-frame > border:dir(ltr) {
5296  border-style: none none none solid;
5297}
5298
5299frame.gedit-map-frame > border:dir(rtl) {
5300  border-style: none solid none none;
5301}
5302
5303paned.titlebar.horizontal headerbar {
5304  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.08);
5305}
5306
5307.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal {
5308  padding: 3px 3px 0;
5309}
5310
5311.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal {
5312  margin: 0 0 2px;
5313}
5314
5315.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.image-button.small-button {
5316  padding: 4px;
5317  border-radius: 7px;
5318  -gtk-outline-radius: 7px;
5319}
5320
5321.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.popup.small-button.toggle {
5322  padding: 4px;
5323}
5324
5325.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow {
5326  margin: 2px 6px 6px;
5327  border-radius: 7px;
5328  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
5329}
5330
5331.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow row.activatable {
5332  padding: 3px;
5333}
5334
5335.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal stack scrolledwindow viewport.frame list.gedit-document-panel {
5336  background: none;
5337}
5338
5339/**********************
5340  *  Gnome Tweak Tool  *
5341  **********************/
5342.tweak-categories {
5343  background-image: image(#f4f4f9);
5344}
5345
5346.csd .tweak-categories {
5347  border-bottom-left-radius: 13px;
5348}
5349
5350.tweak {
5351  padding: 3px;
5352}
5353
5354.tweak.title:hover {
5355  box-shadow: none;
5356}
5357
5358.tweak-group-white,
5359.tweak-white,
5360.tweak-white:hover {
5361  background-image: image(#FFFFFF);
5362}
5363
5364.tweak-startup,
5365.tweak-startup:hover {
5366  background-image: image(#FFFFFF);
5367}
5368
5369.tweak-group-startup {
5370  background-image: image(#FFFFFF);
5371}
5372
5373.tweak-group-startup row.tweak-startup {
5374  border-radius: 13px;
5375  background-color: transparent;
5376  background-image: none;
5377}
5378
5379row#Focus,
5380row#PrimaryWorkspaceTweak,
5381row#workspaces-only-on-primary {
5382  margin-top: 4px;
5383}
5384
5385/***********
5386 * Builder *
5387 ***********/
5388layouttabbar {
5389  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5390  background-color: #f4f4f9;
5391}
5392
5393layouttabbar > box > button {
5394  margin: 4px 0;
5395}
5396
5397layouttab {
5398  margin: 0 8px;
5399  border-style: none solid;
5400  border-width: 1px;
5401  border-color: rgba(0, 0, 0, 0.08);
5402  box-shadow: inset 0 -2px #5657f5;
5403  background-color: #FFFFFF;
5404}
5405
5406layouttab separator.vertical {
5407  margin: 8px 4px;
5408}
5409
5410layouttab button.text-button, layouttab button.image-button, layouttab button {
5411  margin-top: 8px;
5412  margin-bottom: 8px;
5413  padding: 0 4px;
5414}
5415
5416layout {
5417  border: 1px solid rgba(0, 0, 0, 0.08);
5418  -PnlDockBin-handle-size: 1;
5419}
5420
5421entry.search-missing {
5422  background-color: #DD2C00;
5423  color: #FFFFFF;
5424}
5425
5426window.workbench treeview.image {
5427  color: rgba(0, 0, 0, 0.55);
5428}
5429
5430window.workbench treeview.image:selected {
5431  color: rgba(255, 255, 255, 0.7);
5432}
5433
5434popover.popover-selector list {
5435  padding: 6px;
5436}
5437
5438popover.popover-selector list row {
5439  border-radius: 7px;
5440}
5441
5442popover.popover-selector list row image:dir(ltr) {
5443  margin-right: 6px;
5444}
5445
5446popover.popover-selector list row image:dir(rtl) {
5447  margin-left: 6px;
5448}
5449
5450popover.popover-selector list row .accel:dir(ltr) {
5451  margin-left: 6px;
5452}
5453
5454popover.popover-selector list row .accel:dir(rtl) {
5455  margin-right: 6px;
5456}
5457
5458omnibar.linked:not(.vertical) entry {
5459  border-radius: 7px;
5460}
5461
5462omnibar:not(:hover):not(:active) entry {
5463  color: rgba(0, 0, 0, 0.55);
5464}
5465
5466popover.omnibar list row:not(:last-child) {
5467  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5468}
5469
5470entry.preferences-search {
5471  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
5472  background-color: #FFFFFF;
5473}
5474
5475preferences stacksidebar.sidebar list {
5476  background-color: #f4f4f9;
5477}
5478
5479preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
5480  border-style: none;
5481}
5482
5483preferences > box > box:dir(ltr) {
5484  border-right: 1px solid rgba(0, 0, 0, 0.08);
5485}
5486
5487preferences > box > box:dir(rtl) {
5488  border-left: 1px solid rgba(0, 0, 0, 0.08);
5489}
5490
5491popover.messagepopover.background {
5492  padding: 0;
5493}
5494
5495popover.messagepopover .popover-action-area button {
5496  padding: 8px 16px;
5497  border-top: 1px solid rgba(0, 0, 0, 0.08);
5498  border-radius: 0;
5499}
5500
5501popover.messagepopover .popover-action-area button:first-child {
5502  border-bottom-left-radius: 7px;
5503}
5504
5505popover.messagepopover .popover-action-area button:last-child {
5506  border-bottom-right-radius: 7px;
5507}
5508
5509popover.messagepopover .popover-content-area {
5510  margin: 16px;
5511}
5512
5513popover.transfers list {
5514  background-color: transparent;
5515}
5516
5517popover.transfers list row:not(:first-child) {
5518  border-top: 1px solid rgba(0, 0, 0, 0.08);
5519}
5520
5521popover.transfers list row > box {
5522  padding: 10px;
5523}
5524
5525dockbin {
5526  border: 1px solid rgba(0, 0, 0, 0.08);
5527  -PnlDockBin-handle-size: 1;
5528}
5529
5530dockpaned {
5531  border: 1px solid rgba(0, 0, 0, 0.08);
5532}
5533
5534eggsearchbar box.search-bar {
5535  padding: 0 8px;
5536  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5537  background-color: #f4f4f9;
5538}
5539
5540docktabstrip {
5541  padding: 0 8px;
5542  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5543  background-color: #f4f4f9;
5544}
5545
5546docktab {
5547  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
5548  min-height: 20px;
5549  min-width: 20px;
5550  margin-bottom: -1px;
5551  padding: 4px 6px;
5552  outline-offset: -6px;
5553  border-width: 1px;
5554  border-color: transparent;
5555  background-image: radial-gradient(circle farthest-corner at center, #5657f5 10%, transparent 0%);
5556  background-repeat: no-repeat;
5557  background-position: center;
5558  background-size: 0% 0%;
5559  color: rgba(0, 0, 0, 0.55);
5560  font-weight: 500;
5561}
5562
5563docktab:hover {
5564  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
5565  color: rgba(0, 0, 0, 0.75);
5566}
5567
5568docktab:checked {
5569  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
5570  box-shadow: inset 0 -2px #5657f5;
5571  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
5572  background-size: 1000% 1000%;
5573  color: rgba(0, 0, 0, 0.75);
5574}
5575
5576dockoverlayedge {
5577  background-color: #f4f4f9;
5578}
5579
5580dockoverlayedge docktabstrip {
5581  padding: 0;
5582  border: none;
5583}
5584
5585dockoverlayedge.left-edge docktab:hover {
5586  box-shadow: inset -2px 0 rgba(0, 0, 0, 0.2);
5587}
5588
5589dockoverlayedge.left-edge docktab:checked {
5590  box-shadow: inset -2px 0 #5657f5;
5591}
5592
5593dockoverlayedge.right-edge docktab:hover {
5594  box-shadow: inset 2px 0 rgba(0, 0, 0, 0.2);
5595}
5596
5597dockoverlayedge.right-edge docktab:checked {
5598  box-shadow: inset 2px 0 #5657f5;
5599}
5600
5601pillbox {
5602  background-color: #f4f4f9;
5603  border-radius: 7px;
5604}
5605
5606layoutpane entry.search {
5607  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
5608  background-color: #FFFFFF;
5609}
5610
5611editortweak entry.search {
5612  margin-bottom: -1px;
5613  box-shadow: none;
5614}
5615
5616.gb-search-entry-occurrences-tag {
5617  box-shadow: none;
5618  background-color: transparent;
5619}
5620
5621docktabstrip {
5622  min-height: 39px;
5623}
5624
5625window.workbench preferences preferencesgroup list entry {
5626  padding-top: 8px;
5627  padding-bottom: 8px;
5628}
5629
5630button.run-arrow-button {
5631  padding-left: 8px;
5632  padding-right: 8px;
5633}
5634
5635button.dzlmenubutton image {
5636  min-width: 26px;
5637}
5638
5639button.dzlmenubutton image.arrow {
5640  min-width: 23px;
5641}
5642
5643button.dzlmenubuttonitem {
5644  color: rgba(0, 0, 0, 0.75);
5645  font-weight: normal;
5646}
5647
5648button.dzlmenubuttonitem:disabled {
5649  color: rgba(0, 0, 0, 0.38);
5650}
5651
5652idelayoutstackheader {
5653  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5654}
5655
5656idelayoutstackheader button:checked {
5657  color: rgba(0, 0, 0, 0.75);
5658}
5659
5660ideeditorutilities > dzldockpaned > box > stackswitcher {
5661  padding: 8px 0;
5662  background-color: #f4f4f9;
5663}
5664
5665ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
5666  border-right: 1px solid rgba(0, 0, 0, 0.08);
5667}
5668
5669ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
5670  border-left: 1px solid rgba(0, 0, 0, 0.08);
5671}
5672
5673ideeditorutilities > dzldockpaned > box > stackswitcher button {
5674  border-radius: 0;
5675  outline-offset: -6px;
5676  box-shadow: none;
5677  background-color: transparent;
5678}
5679
5680ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
5681  background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%);
5682}
5683
5684ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
5685  background-color: transparent;
5686  color: rgba(0, 0, 0, 0.75);
5687}
5688
5689ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
5690  margin-right: -1px;
5691}
5692
5693ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
5694  box-shadow: inset -2px 0 rgba(0, 0, 0, 0.2);
5695}
5696
5697ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
5698  box-shadow: inset -2px 0 #5657f5;
5699}
5700
5701ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
5702  margin-left: -1px;
5703}
5704
5705ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
5706  box-shadow: inset 2px 0 rgba(0, 0, 0, 0.2);
5707}
5708
5709ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
5710  box-shadow: inset 2px 0 #5657f5;
5711}
5712
5713ideeditorsidebar notebook header {
5714  background: transparent;
5715}
5716
5717popover.messagepopover list {
5718  border: 1px solid rgba(0, 0, 0, 0.08);
5719}
5720
5721popover.messagepopover list row:not(:last-child) {
5722  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5723}
5724
5725/**********
5726 * Photos *
5727 **********/
5728GdMainIconView.content-view {
5729  -GdMainIconView-icon-size: 48;
5730}
5731
5732.documents-counter {
5733  margin: 8px;
5734  border-radius: 9999px;
5735  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
5736  background-color: #7C4DFF;
5737  color: #FFFFFF;
5738  font-weight: bold;
5739}
5740
5741.documents-scrolledwin.frame {
5742  border-style: none;
5743}
5744
5745.documents-scrolledwin.frame frame.content-view > border {
5746  border-style: none;
5747}
5748
5749.photos-fade-in {
5750  opacity: 1;
5751  transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
5752}
5753
5754.photos-fade-out {
5755  opacity: 0;
5756  transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
5757}
5758
5759overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
5760  border-style: none none none solid;
5761}
5762
5763overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
5764  border-style: none solid none none;
5765}
5766
5767.documents-scrolledwin {
5768  background-color: transparent;
5769}
5770
5771.documents-scrolledwin .content-view {
5772  background-color: transparent;
5773  border-radius: 0 0 13px 13px;
5774}
5775
5776.documents-scrolledwin viewport.frame {
5777  background-color: transparent;
5778}
5779
5780.documents-scrolledwin viewport.frame widget > frame.content-view {
5781  background-color: transparent;
5782  border-radius: 0 0 13px 13px;
5783}
5784
5785.documents-scrolledwin viewport.frame widget > frame.content-view border {
5786  border: none;
5787}
5788
5789/*********
5790 * Music *
5791 *********/
5792.side-panel:dir(ltr) {
5793  border-style: solid;
5794  border-color: rgba(0, 0, 0, 0.08);
5795}
5796
5797.side-panel:dir(rtl) {
5798  border-style: solid;
5799  border-color: rgba(0, 0, 0, 0.08);
5800}
5801
5802.side-panel .view {
5803  background-image: image(#f4f4f9);
5804}
5805
5806.side-panel .view:hover {
5807  background-image: image(rgba(237, 237, 241, 0.9875));
5808}
5809
5810.side-panel .view:selected {
5811  background-image: image(#5657f5);
5812}
5813
5814.side-panel .view:selected:hover {
5815  background-image: image(#5e5ff6);
5816}
5817
5818.songs-list:hover {
5819  background-image: image(alpha(currentColor, 0.05));
5820}
5821
5822frame.documents-dropdown {
5823  margin: 8px;
5824}
5825
5826frame.documents-dropdown > border {
5827  border: none;
5828}
5829
5830box.vertical > revealer > toolbar.search-bar {
5831  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5832  background-clip: border-box;
5833}
5834
5835box.vertical > revealer > toolbar.search-bar button > widget {
5836  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5837}
5838
5839/*******************
5840 * Archive Manager *
5841 *******************/
5842.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
5843  border-radius: 0 0 13px 13px;
5844  background-color: #FFFFFF;
5845}
5846
5847.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) {
5848  background-color: transparent;
5849}
5850
5851.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
5852  border-radius: 0 0 0 13px;
5853  background-color: #f4f4f9;
5854}
5855
5856.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) {
5857  background-color: transparent;
5858}
5859
5860/**************
5861 * Gnome-Logs *
5862 **************/
5863headerbar > button.flat.popup.title-menu-button.toggle > grid .title {
5864  margin: -3px 0;
5865  padding: 2px 4px 0;
5866  font-size: 90%;
5867}
5868
5869headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle {
5870  margin: -3px 0;
5871  padding: 0 4px 2px;
5872  font-size: 80%;
5873}
5874
5875window.background > box.vertical box.horizontal list.categories {
5876  border-radius: 0 0 0 13px;
5877}
5878
5879window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator {
5880  background-color: transparent;
5881}
5882
5883window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator.compressed-rows-group-separator {
5884  background-image: image(#FFFFFF);
5885}
5886
5887window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label {
5888  background-image: image(#7C4DFF);
5889  color: #FFFFFF;
5890  font-weight: 700;
5891}
5892
5893window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row {
5894  background-image: image(#eaeaf4);
5895  color: rgba(0, 0, 0, 0.75);
5896}
5897
5898window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover {
5899  background-image: image(rgba(237, 237, 241, 0.9875));
5900  color: rgba(0, 0, 0, 0.75);
5901}
5902
5903window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus {
5904  background-image: image(rgba(229, 229, 233, 0.975));
5905  color: rgba(0, 0, 0, 0.75);
5906  animation: none;
5907}
5908
5909window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row {
5910  background-color: #5657f5;
5911  color: #FFFFFF;
5912}
5913
5914window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header {
5915  background-image: image(#FFFFFF);
5916  background-color: #FFFFFF;
5917  color: #5657f5;
5918  transition: none;
5919  animation: none;
5920}
5921
5922window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover {
5923  background-color: rgba(0, 0, 0, 0.08);
5924  color: #5657f5;
5925}
5926
5927window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked:focus {
5928  background-color: rgba(0, 0, 0, 0.2);
5929  background-image: image(#FFFFFF);
5930}
5931
5932window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label {
5933  background-image: image(#5657f5);
5934  color: #FFFFFF;
5935}
5936
5937/************************
5938  * Gnome Control Center *
5939  ************************/
5940window.background.csd stack stack stack frame > list,
5941window.background.csd > stack > stack > box > frame > list,
5942window.background.csd > stack > stack > box > box > frame > list,
5943window.background.csd > stack > box > stack > box > frame > list,
5944window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
5945window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
5946window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
5947window.background.csd > stack > scrolledwindow > viewport > box > list,
5948window.background.csd > box > stack > scrolledwindow > viewport > box > list, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, .tweak-group-startup, list.tweak-group list {
5949  border-radius: 8px;
5950  box-shadow: none;
5951  border: 1px solid rgba(0, 0, 0, 0.08);
5952}
5953
5954window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:first-child, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, .tweak-group-startup row.activatable:first-child, list.tweak-group list row.activatable:first-child {
5955  border-top-left-radius: 7px;
5956  border-top-right-radius: 7px;
5957}
5958
5959window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:last-child, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, .tweak-group-startup row.activatable:last-child, list.tweak-group list row.activatable:last-child {
5960  border-bottom-left-radius: 7px;
5961  border-bottom-right-radius: 7px;
5962}
5963
5964window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:only-child, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, .tweak-group-startup row.activatable:only-child, list.tweak-group list row.activatable:only-child {
5965  border-radius: 7px;
5966}
5967
5968stack > box.vertical > widget > overlay grid.horizontal > stack > button.toggle {
5969  margin: 8px 6px;
5970}
5971
5972box.horizontal.titlebar > headerbar > stack > box.vertical > .title {
5973  margin: 0;
5974}
5975
5976box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle {
5977  margin: -3px 0;
5978}
5979
5980dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
5981  font-weight: 700;
5982}
5983
5984window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
5985window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
5986window.background.csd > headerbar.titlebar > leaflet > separator.sidebar {
5987  border-right-style: none;
5988  background: none;
5989  min-width: 0;
5990}
5991
5992window.background.csd > stack:not(.titlebar),
5993window.background.csd > hdyleaflet > stack.background,
5994window.background.csd > leaflet > stack.background {
5995  border-radius: 0 0 13px 13px;
5996}
5997
5998window.background.csd > box.horizontal > separator.sidebar,
5999window.background.csd > hdyleaflet > separator.sidebar,
6000window.background.csd > leaflet > separator.sidebar {
6001  background: none;
6002  min-width: 0;
6003}
6004
6005window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
6006window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
6007window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
6008  background-color: #FFFFFF;
6009  border-bottom-right-radius: 14px;
6010}
6011
6012window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
6013window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
6014window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
6015  background: none;
6016}
6017
6018window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
6019window.background.csd > leaflet > box.vertical > scrolledwindow.view,
6020window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
6021  background-color: #FFFFFF;
6022  border-bottom-left-radius: 14px;
6023}
6024
6025window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
6026window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
6027window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack {
6028  background-color: transparent;
6029}
6030
6031window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
6032window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
6033window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list {
6034  background-color: transparent;
6035}
6036
6037window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
6038window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
6039window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) {
6040  background-color: transparent;
6041}
6042
6043hdyleaflet frame > border, leaflet frame > border {
6044  border: none;
6045}
6046
6047hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable {
6048  margin-right: 4px;
6049  border-radius: 0 7px 7px 0;
6050}
6051
6052hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected {
6053  background-color: rgba(0, 0, 0, 0.06);
6054  color: #5657f5;
6055}
6056
6057hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label {
6058  color: #5657f5;
6059}
6060
6061hdyleaflet > separator.sidebar, leaflet > separator.sidebar {
6062  border-right-style: none;
6063  background: none;
6064  min-width: 0;
6065}
6066
6067/************************
6068 * Gnome system monitor *
6069 ************************/
6070window#gnome-system-monitor.background.csd > box.vertical > stack {
6071  background-color: #FFFFFF;
6072  border-radius: 0 0 13px 13px;
6073}
6074
6075window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view {
6076  background: none;
6077}
6078
6079/************************
6080 * Gnome sound recorder *
6081 ************************/
6082stack > grid.vertical > scrolledwindow.frame {
6083  border: none;
6084}
6085
6086stack > grid.vertical > scrolledwindow.frame > viewport.frame list {
6087  border-radius: 0 0 13px 13px;
6088}
6089
6090stack > grid.vertical scrolledwindow.frame.emptyGrid {
6091  border: none;
6092}
6093
6094/******************
6095 * Gnome Contacts *
6096 ******************/
6097window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar,
6098window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar {
6099  background-color: #5657f5;
6100}
6101
6102window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked,
6103window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar,
6104window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:hover,
6105window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked {
6106  color: #FFFFFF;
6107}
6108
6109window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked:disabled,
6110window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:disabled,
6111window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked:disabled {
6112  color: rgba(255, 255, 255, 0.5);
6113}
6114
6115window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked,
6116window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop,
6117window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:hover,
6118window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked {
6119  color: rgba(255, 255, 255, 0.7);
6120}
6121
6122window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked:disabled,
6123window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:disabled,
6124window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked:disabled {
6125  color: rgba(255, 255, 255, 0.3);
6126}
6127
6128window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border {
6129  border-top-width: 0;
6130  border-left-width: 0;
6131  border-bottom-width: 0;
6132}
6133
6134window.background.csd > overlay > grid.horizontal .contacts-contact-form {
6135  border-bottom-right-radius: 13px;
6136}
6137
6138/******************
6139  * Gnome calender *
6140  ******************/
6141popover.background datechooser day.day.other-month {
6142  color: rgba(255, 255, 255, 0.12);
6143}
6144
6145popover.background datechooser day.day.other-month:hover, popover.background datechooser day.day.other-month:active, popover.background datechooser day.day.other-month:checked {
6146  color: rgba(255, 255, 255, 0.5);
6147  background-color: rgba(255, 255, 255, 0.12);
6148}
6149
6150popover.background datechooser label.weekday {
6151  color: rgba(255, 255, 255, 0.7);
6152  font-weight: bold;
6153}
6154
6155/****************
6156 * Gnome clocks *
6157 ****************/
6158window.background.csd.unified {
6159  border-top-left-radius: 13px;
6160  border-top-right-radius: 13px;
6161}
6162
6163window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle {
6164  border-top-left-radius: 13px;
6165  border-top-right-radius: 13px;
6166  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
6167}
6168
6169window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer {
6170  margin: 0 0;
6171  background: none;
6172}
6173
6174window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
6175  margin: 0;
6176  padding: 0;
6177  border-radius: 0;
6178}
6179
6180/****************
6181 * Gnome Weather *
6182 ****************/
6183#weather-page,
6184#weekly-forecast-frame {
6185  border-bottom-right-radius: 13px;
6186}
6187
6188#weather-page-content-view {
6189  border-bottom-right-radius: 13px;
6190  border-bottom-left-radius: 13px;
6191}
6192
6193/*********
6194  * To Do *
6195  *********/
6196taskrow {
6197  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
6198  margin: 0 -8px;
6199}
6200
6201taskrow:hover {
6202  transition: none;
6203}
6204
6205taskrow label {
6206  margin: 0 8px;
6207}
6208
6209taskrow image {
6210  min-width: 16px;
6211}
6212
6213task-list-view > box > revealer > box > button {
6214  margin: -4px;
6215}
6216
6217/*******
6218 * eog *
6219 *******/
6220#eog-thumb-nav scrolledwindow {
6221  border-top: none;
6222}
6223
6224#eog-thumb-nav button {
6225  -gtk-outline-radius: 7px;
6226}
6227
6228/***********
6229 * Fractal *
6230 ***********/
6231.background.csd.main-window .sidebar.rooms-sidebar {
6232  border-bottom-left-radius: 13px;
6233  border-right: 1px solid rgba(0, 0, 0, 0.08);
6234}
6235
6236/*************
6237 * Evolution *
6238 *************/
6239frame.taskbar > border {
6240  border-style: solid none none;
6241}
6242
6243box.vertical > paned.horizontal notebook widget .frame {
6244  border-style: none;
6245}
6246
6247/********
6248 * gitg *
6249 ********/
6250frame.commit-frame > border {
6251  border-style: solid none none;
6252}
6253
6254/**************
6255 * Characters *
6256 **************/
6257box.dialog-vbox scrolledwindow.related {
6258  border: 1px solid rgba(0, 0, 0, 0.08);
6259}
6260
6261list.categories {
6262  background-image: image(#f4f4f9);
6263}
6264
6265/*********
6266 * Boxes *
6267 *********/
6268.transparent-bg + stack overlay > label {
6269  min-height: 24px;
6270  padding: 0 4px;
6271  border-radius: 5px;
6272  background-color: rgba(0, 0, 0, 0.3);
6273  color: #FFFFFF;
6274}
6275
6276/**************
6277 * Calculator *
6278 **************/
6279button.title label {
6280  min-height: 32px;
6281}
6282
6283/*********
6284 * Geary *
6285 *********/
6286window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical,
6287window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical {
6288  border-bottom-left-radius: 13px;
6289}
6290
6291window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
6292window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
6293  border-bottom-left-radius: 13px;
6294}
6295
6296window.geary-main-window.background.csd stack#conversation_viewer,
6297window#GearyMainWindow.background.csd stack#conversation_viewer {
6298  border-bottom-right-radius: 13px;
6299}
6300
6301window.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
6302window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
6303  background: none;
6304  border-bottom-right-radius: 13px;
6305}
6306
6307.geary-accounts-editor-pane frame:not(.geary-signature) > border,
6308.geary-accounts-editor-pane scrolledwindow.frame {
6309  border: none;
6310}
6311
6312/************
6313 * Terminal *
6314 ************/
6315window.background > box.vertical > box.horizontal > frame > border {
6316  border-width: 0 1px 0 0;
6317}
6318
6319window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
6320  border-bottom-left-radius: 13px;
6321}
6322
6323window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
6324  border-width: 0;
6325}
6326
6327window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
6328  border-bottom-right-radius: 13px;
6329}
6330
6331/**************
6332 * Extensions *
6333 **************/
6334window.background.csd stack stack stack frame > border,
6335window.background.csd > stack > stack > box > frame > border,
6336window.background.csd > stack > stack > box > box > frame > border,
6337window.background.csd > stack > box > stack > box > frame > border,
6338window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
6339window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
6340window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
6341  border: none;
6342}
6343
6344window.background.csd > stack > box > box > list {
6345  border-bottom-left-radius: 13px;
6346}
6347
6348/***********
6349 * Dialogs *
6350 ***********/
6351dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
6352  border-radius: 0 0 0 13px;
6353}
6354
6355dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
6356  border-radius: 0 0 13px 0;
6357}
6358
6359dialog.background.csd > box.dialog-vbox > stack > scrolledwindow,
6360dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow {
6361  border-radius: 0 0 13px 13px;
6362  background-color: #FFFFFF;
6363}
6364
6365dialog.background.csd > box.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
6366dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
6367  background-color: transparent;
6368}
6369
6370dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame {
6371  border-radius: 7px;
6372}
6373
6374dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view {
6375  border-radius: 7px;
6376}
6377
6378dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view > text {
6379  background: none;
6380}
6381
6382dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
6383  background: none;
6384}
6385
6386dialog.background.csd > box.dialog-vbox stack scrolledwindow viewport.frame.view {
6387  border-radius: 7px;
6388}
6389
6390.nemo-window .nemo-places-sidebar {
6391  background-color: #f4f4f9;
6392}
6393
6394.nemo-window .nemo-places-sidebar.frame {
6395  border-width: 0;
6396}
6397
6398.nemo-window .nemo-places-sidebar .places-treeview:not(:hover):not(:selected) {
6399  background-color: transparent;
6400}
6401
6402.nemo-window .nemo-window-pane widget.entry {
6403  border-radius: 3px;
6404  padding: 3px 10px;
6405  border: 2px solid #5657f5;
6406  background-color: rgba(86, 87, 245, 0.1);
6407}
6408
6409.nemo-window toolbar.primary-toolbar {
6410  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 225ms cubic-bezier(0, 0, 0.2, 1);
6411  padding: 0 6px;
6412  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
6413  background-color: #31313a;
6414  color: #FFFFFF;
6415  border: none;
6416}
6417
6418.nemo-window toolbar.primary-toolbar:backdrop {
6419  color: rgba(255, 255, 255, 0.7);
6420}
6421
6422.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
6423.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button {
6424  min-height: 32px;
6425  min-width: 32px;
6426  margin: 4px 2px;
6427  padding: 0 0;
6428  border-image: none;
6429  color: rgba(255, 255, 255, 0.7);
6430}
6431
6432.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:active,
6433.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:hover,
6434.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:active {
6435  color: #FFFFFF;
6436}
6437
6438.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:disabled,
6439.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:disabled {
6440  color: rgba(255, 255, 255, 0.3);
6441}
6442
6443.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked,
6444.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:checked {
6445  border-image: none;
6446  background-color: #5657f5;
6447  color: #FFFFFF;
6448  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
6449  background-size: auto auto;
6450  background-position: center center;
6451  background-repeat: no-repeat;
6452  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.08);
6453}
6454
6455.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked:disabled,
6456.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:checked:disabled {
6457  color: rgba(255, 255, 255, 0.5);
6458  background-color: rgba(86, 87, 245, 0.5);
6459}
6460
6461.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop,
6462.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop {
6463  color: rgba(255, 255, 255, 0.5);
6464}
6465
6466.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:hover, .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:active,
6467.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop:hover,
6468.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop:active {
6469  color: rgba(255, 255, 255, 0.7);
6470}
6471
6472.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:disabled,
6473.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop:disabled {
6474  color: rgba(255, 255, 255, 0.3);
6475}
6476
6477.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:checked,
6478.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop:checked {
6479  background-image: none;
6480  color: rgba(255, 255, 255, 0.7);
6481}
6482
6483.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:checked:disabled,
6484.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop:checked:disabled {
6485  color: rgba(255, 255, 255, 0.3);
6486}
6487
6488.nemo-window toolbar.primary-toolbar .linked.path-bar > button {
6489  min-height: 0;
6490  margin: 4px 0;
6491  padding: 0 10px;
6492  color: rgba(255, 255, 255, 0.7);
6493}
6494
6495.nemo-window toolbar.primary-toolbar .linked.path-bar > button:hover, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:active, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked {
6496  color: #FFFFFF;
6497}
6498
6499.nemo-window toolbar.primary-toolbar .linked.path-bar > button:disabled {
6500  color: rgba(255, 255, 255, 0.3);
6501}
6502
6503.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child {
6504  padding: 0 6px;
6505}
6506
6507.nemo-window toolbar.primary-toolbar .linked.path-bar > button image, .nemo-window toolbar.primary-toolbar .linked.path-bar > button label {
6508  padding-left: 0;
6509  padding-right: 0;
6510}
6511
6512.nemo-window .sidebar scrolledwindow.frame {
6513  border: none;
6514}
6515
6516/*********
6517 * Tilix *
6518 *********/
6519overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
6520  border-style: none;
6521  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
6522}
6523
6524overlay > revealer.left > scrolledwindow.frame {
6525  margin-right: 32px;
6526}
6527
6528overlay > revealer.right > scrolledwindow.frame {
6529  margin-left: 32px;
6530}
6531
6532.terminix-session-sidebar,
6533.tilix-session-sidebar {
6534  background-image: image(#f4f4f9);
6535}
6536
6537.terminix-session-sidebar button.tilix-sidebar-close-button,
6538.tilix-session-sidebar button.tilix-sidebar-close-button {
6539  min-height: 20px;
6540  min-width: 20px;
6541  padding: 0;
6542  background-color: #FF5252;
6543}
6544
6545.terminix-session-sidebar button.tilix-sidebar-close-button, .terminix-session-sidebar button.tilix-sidebar-close-button:hover, .terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked,
6546.tilix-session-sidebar button.tilix-sidebar-close-button,
6547.tilix-session-sidebar button.tilix-sidebar-close-button:hover,
6548.tilix-session-sidebar button.tilix-sidebar-close-button:active,
6549.tilix-session-sidebar button.tilix-sidebar-close-button:checked {
6550  color: white;
6551}
6552
6553.terminix-session-sidebar button.tilix-sidebar-close-button:hover,
6554.tilix-session-sidebar button.tilix-sidebar-close-button:hover {
6555  background-image: image(#ff6c6c);
6556  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
6557}
6558
6559.terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked,
6560.tilix-session-sidebar button.tilix-sidebar-close-button:active,
6561.tilix-session-sidebar button.tilix-sidebar-close-button:checked {
6562  background-image: image(#ff1f1f);
6563  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
6564}
6565
6566button.image-button.session-new-button {
6567  min-width: 28px;
6568}
6569
6570widget > box.terminal-titlebar {
6571  padding: 0 6px;
6572}
6573
6574widget > box.terminal-titlebar > button.flat.popup.toggle {
6575  border: none;
6576  border-radius: 0;
6577  padding: 0 8px;
6578  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
6579}
6580
6581widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) {
6582  padding-right: 6px;
6583}
6584
6585widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) {
6586  padding-left: 6px;
6587}
6588
6589widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active {
6590  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
6591  background-color: transparent;
6592  color: rgba(0, 0, 0, 0.75);
6593}
6594
6595widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle {
6596  margin: 2px 0;
6597  padding: 0;
6598  min-height: 24px;
6599  min-width: 24px;
6600}
6601
6602/***********
6603 * Eclipse *
6604 ***********/
6605window.background > box.vertical > scrolledwindow > widget toolbar {
6606  padding: 2px;
6607}
6608
6609window.background > box.vertical > scrolledwindow > widget toolbar separator,
6610window.background > box.vertical > scrolledwindow > widget toolbar button {
6611  margin: 2px;
6612}
6613
6614window.background > box.vertical > scrolledwindow > widget toolbar button {
6615  border-radius: 7px;
6616}
6617
6618/************
6619 * Chromium *
6620 ************/
6621tooltip.chromium {
6622  background-color: #FFFFFF;
6623}
6624
6625/***********
6626 * Firefox *
6627 ***********/
6628window.background:not(.csd) > widget > separator {
6629  color: rgba(0, 0, 0, 0.2);
6630}
6631
6632window.background:not(.csd) > widget > scrollbar {
6633  background-clip: border-box;
6634}
6635
6636window.background:not(.csd) > widget > scrollbar,
6637window.background:not(.csd) > widget > frame > border {
6638  border-color: rgba(0, 0, 0, 0.2);
6639}
6640
6641window.background:not(.csd) > widget > entry,
6642window.background:not(.csd) > widget > button > button {
6643  border: 1px solid rgba(0, 0, 0, 0.2);
6644  border-radius: 8px;
6645  box-shadow: none;
6646}
6647
6648window.background:not(.csd) > widget > entry {
6649  min-height: 30px;
6650}
6651
6652window.background:not(.csd) > widget > entry:focus {
6653  border-color: #5657f5;
6654}
6655
6656window.background:not(.csd) > widget > button > button {
6657  padding: 4px 8px;
6658  background-size: auto;
6659}
6660
6661window.background:not(.csd) > widget > button > button:hover {
6662  background-image: image(alpha(currentColor, 0.05));
6663}
6664
6665window.background:not(.csd) > widget > button > button:active {
6666  background-image: image(alpha(currentColor, 0.1));
6667}
6668
6669window.background:not(.csd) > widget > checkbutton > check:not(:checked),
6670window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
6671  color: #757575;
6672}
6673
6674window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
6675window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
6676window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
6677  color: #212121;
6678}
6679
6680window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
6681window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
6682  color: rgba(117, 117, 117, 0.5);
6683}
6684
6685window.background:not(.csd) .menu {
6686  border-radius: 0;
6687}
6688
6689window.background:not(.csd) > window:not(.csd) > menu,
6690window.background:not(.csd) > menu > menu {
6691  border: none;
6692  border-radius: 0;
6693  padding: 4px 0;
6694}
6695
6696window.background:not(.csd) > window:not(.csd) > menu menuitem,
6697window.background:not(.csd) > menu > menu menuitem {
6698  transition: none;
6699  border-radius: 0;
6700}
6701
6702window.background:not(.csd) > window:not(.csd) > menu menuitem:hover,
6703window.background:not(.csd) > menu > menu menuitem:hover {
6704  background-color: #5657f5;
6705}
6706
6707window.background:not(.csd) > window:not(.csd) > menu menuitem:hover, window.background:not(.csd) > window:not(.csd) > menu menuitem:hover image,
6708window.background:not(.csd) > menu > menu menuitem:hover,
6709window.background:not(.csd) > menu > menu menuitem:hover image {
6710  color: #FFFFFF;
6711}
6712
6713window.background:not(.csd) > window:not(.csd) > menu menuitem:hover accelerator,
6714window.background:not(.csd) > menu > menu menuitem:hover accelerator {
6715  color: rgba(255, 255, 255, 0.7);
6716}
6717
6718window.background:not(.csd) > window.csd > menu menuitem {
6719  transition: none;
6720}
6721
6722window.background:not(.csd) > widget > menubar {
6723  color: rgba(255, 255, 255, 0.7);
6724}
6725
6726window.background:not(.csd) > widget > menubar:hover {
6727  color: #FFFFFF;
6728}
6729
6730window.background:not(.csd) > widget > menubar:disabled {
6731  color: rgba(255, 255, 255, 0.3);
6732}
6733
6734window.background:not(.csd) > widget > frame {
6735  color: #dadaeb;
6736}
6737
6738window.background:not(.csd) > widget > checkbutton > check,
6739window.background:not(.csd) > widget > radiobutton > radio {
6740  margin: 0;
6741  padding: 0;
6742}
6743
6744window.background:not(.csd) > window.background > menu > separator {
6745  color: #dadaeb;
6746}
6747
6748#MozillaGtkWidget.background, #MozillaGtkWidget.background decoration {
6749  border-radius: 2px 2px 0 0;
6750}
6751
6752#MozillaGtkWidget.background headerbar.titlebar {
6753  border-radius: 2px 2px 0 0;
6754}
6755
6756#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton {
6757  min-width: 20px;
6758  min-height: 20px;
6759  margin: 4px 2px;
6760  padding: 0;
6761  color: rgba(255, 255, 255, 0.7);
6762  background-color: transparent;
6763}
6764
6765window.background.chromium {
6766  background-color: #f4f4f9;
6767  color: rgba(0, 0, 0, 0.75);
6768}
6769
6770window.background.chromium headerbar.titlebar button.titlebutton.close, window.background.chromium headerbar.titlebar button.titlebutton.maximize, window.background.chromium headerbar.titlebar button.titlebutton.minimize {
6771  border: none;
6772  min-width: 12px;
6773  min-height: 12px;
6774  padding: 0;
6775  margin: 0 2px;
6776}
6777
6778window.background.chromium headerbar.titlebar button.titlebutton.close:hover {
6779  padding: 0;
6780  margin: 0 2px;
6781  box-shadow: none;
6782}
6783
6784window.background.chromium headerbar.titlebar button.titlebutton.close:active, window.background.chromium headerbar.titlebar button.titlebutton.close:checked {
6785  padding: 0;
6786  margin: 0 2px;
6787  box-shadow: none;
6788}
6789
6790window.background.chromium button {
6791  border-width: 1px;
6792  border-style: solid;
6793  border-color: #dadaeb;
6794  color: rgba(0, 0, 0, 0.75);
6795}
6796
6797window.background.chromium entry.chromium {
6798  border-image: none;
6799  border: 1px solid #dadaeb;
6800}
6801
6802window.background.chromium entry.chromium:focus {
6803  border-color: #5657f5;
6804}
6805
6806window.background.chromium tooltip.background, window.background.chromium tooltip.background.csd {
6807  color: #565656;
6808}
6809
6810window.background.chromium > textview.view {
6811  background-color: #f4f4f9;
6812  color: rgba(0, 0, 0, 0.75);
6813}
6814
6815window.background.chromium > menubar {
6816  background-color: #31313a;
6817}
6818
6819window.background.chromium > menu {
6820  color: rgba(0, 0, 0, 0.75);
6821  background-color: #FFFFFF;
6822  border: 1px solid #dadaeb;
6823  border-radius: 0;
6824}
6825
6826window.background.chromium > menu > separator, window.background.chromium > menu .separator {
6827  background-color: #dadaeb;
6828  color: #dadaeb;
6829  border: none;
6830}
6831
6832window.background.chromium > menu > menuitem {
6833  color: rgba(0, 0, 0, 0.75);
6834  border-radius: 0;
6835}
6836
6837window.background.chromium > menu > menuitem:hover {
6838  color: #FFFFFF;
6839  background-color: #5657f5;
6840}
6841
6842window.background.chromium > menu > menuitem:disabled {
6843  color: rgba(0, 0, 0, 0.45);
6844}
6845
6846window.background.chromium > menu > menuitem accelerator {
6847  color: rgba(0, 0, 0, 0.45);
6848}
6849
6850/*************
6851  * RhythmBox *
6852  *************/
6853.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar {
6854  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
6855}
6856
6857window.csd > box.vertical > box.vertical > toolbar.horizontal,
6858window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
6859  margin: -1px 0;
6860  border-top: 1px solid rgba(0, 0, 0, 0.08);
6861  box-shadow: none;
6862  background-color: transparent;
6863}
6864
6865window.csd > box.vertical > box.vertical > toolbar.horizontal button,
6866window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button {
6867  min-height: 36px;
6868  min-width: 36px;
6869  padding: 0;
6870  margin-top: 8px;
6871  margin-bottom: 8px;
6872  border-radius: 100px;
6873  -gtk-outline-radius: 100px;
6874}
6875
6876window.csd > box.vertical > box.vertical > frame,
6877window.solid-csd > box.vertical > box.vertical > frame {
6878  margin: -1px 0;
6879  padding: 0;
6880}
6881
6882window.csd > box.vertical > box.vertical > frame > border,
6883window.solid-csd > box.vertical > box.vertical > frame > border {
6884  border: none;
6885}
6886
6887window.background > box.vertical > box.vertical > toolbar button,
6888window.background > box.vertical > box.vertical > toolbar .linked > button {
6889  min-width: 52px;
6890  min-height: 52px;
6891  padding: 0;
6892  margin: 0;
6893  border-radius: 100px;
6894  -gtk-outline-radius: 100px;
6895}
6896
6897window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised {
6898  min-width: 52px;
6899  min-height: 52px;
6900  margin: 0;
6901  padding: 0;
6902  border-radius: 100px;
6903  -gtk-outline-radius: 100px;
6904}
6905
6906window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised > widget > box > image {
6907  padding: 0;
6908}
6909
6910window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised {
6911  min-height: 36px;
6912  min-width: 36px;
6913  padding: 0;
6914  border-radius: 100px;
6915  -gtk-outline-radius: 100px;
6916}
6917
6918window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale {
6919  min-height: 36px;
6920  min-width: 36px;
6921  padding: 0;
6922  margin-top: 12px;
6923  margin-bottom: 12px;
6924  border-radius: 100px;
6925  -gtk-outline-radius: 100px;
6926}
6927
6928/***********
6929  *  Geary  *
6930  ***********/
6931.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > border, .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > border {
6932  border-width: 0;
6933}
6934
6935.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(ltr), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(ltr) {
6936  border: none;
6937}
6938
6939.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(rtl), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(rtl) {
6940  border: none;
6941}
6942
6943.solid-csd .geary-titlebar-right, .solid-csd .geary-titlebar-left {
6944  border-radius: 0;
6945  box-shadow: none;
6946}
6947
6948.geary-titlebar-right separator,
6949.geary-titlebar-left separator {
6950  opacity: 0;
6951}
6952
6953stack#conversation_viewer scrolledwindow.geary-conversation-scroller > viewport.frame {
6954  border: none;
6955}
6956
6957popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label {
6958  color: rgba(255, 255, 255, 0.8);
6959}
6960
6961popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label:disabled {
6962  color: rgba(255, 255, 255, 0.3);
6963}
6964
6965/************
6966 * Inkscape *
6967 ************/
6968#ToolboxCommon > #AuxToolbox #StyleSwatch {
6969  font-size: smaller;
6970}
6971
6972#ToolboxCommon > #AuxToolbox #Kludge {
6973  padding: 0;
6974}
6975
6976#ToolboxCommon > #AuxToolbox spinbutton,
6977#ToolboxCommon > #AuxToolbox entry {
6978  min-height: 32px;
6979}
6980
6981#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
6982  min-height: 24px;
6983  min-width: 16px;
6984  padding: 4px 8px;
6985  border-radius: 7px;
6986  -gtk-outline-radius: 7px;
6987}
6988
6989#ToolboxCommon > #AuxToolbox spinbutton button {
6990  border-width: 4px;
6991}
6992
6993#ToolboxCommon > toolbar.vertical {
6994  margin-top: -4px;
6995}
6996
6997#ToolboxCommon > toolbar.vertical button {
6998  min-height: 24px;
6999  min-width: 24px;
7000  padding: 4px;
7001  border-radius: 7px;
7002  -gtk-outline-radius: 7px;
7003}
7004
7005#CanvasTable button {
7006  min-height: 16px;
7007  min-width: 16px;
7008  padding: 0;
7009}
7010
7011#CanvasTable #HorizontalScrollbar {
7012  border-top: 1px solid rgba(0, 0, 0, 0.08);
7013}
7014
7015#CanvasTable #VerticalScrollbar:dir(ltr) {
7016  border-left: 1px solid rgba(0, 0, 0, 0.08);
7017}
7018
7019#CanvasTable #VerticalScrollbar:dir(rtl) {
7020  border-right: 1px solid rgba(0, 0, 0, 0.08);
7021}
7022
7023#Canvas_and_Dock frame > border {
7024  border: none;
7025}
7026
7027#Canvas_and_Dock widget > widget > button.flat {
7028  min-height: 16px;
7029  min-width: 16px;
7030  padding: 4px;
7031}
7032
7033#Canvas_and_Dock widget > widget > box.horizontal image {
7034  padding: 4px;
7035}
7036
7037#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
7038  min-height: 16px;
7039  min-width: 24px;
7040  padding: 8px 4px;
7041}
7042
7043/***********
7044 * Synapse *
7045 ***********/
7046box.vertical > widget > widget:selected {
7047  background-color: #5657f5;
7048}
7049
7050/***********
7051 *  xfce4  *
7052 ***********/
7053.xfce4-panel button, .xfce4-panel button.flat {
7054  color: rgba(255, 255, 255, 0.7);
7055  border-radius: 0;
7056  border: none;
7057  box-shadow: none;
7058  background-color: transparent;
7059}
7060
7061.xfce4-panel button:hover:not(:active):not(:checked) {
7062  color: #FFFFFF;
7063  box-shadow: inset 0 -2px rgba(124, 77, 255, 0.5);
7064}
7065
7066.xfce4-panel button:checked, .xfce4-panel button:active {
7067  color: #FFFFFF;
7068  background: none;
7069  box-shadow: inset 0 -2px #7C4DFF;
7070}
7071
7072.xfce4-panel button:checked label, .xfce4-panel button:checked image, .xfce4-panel button:active label, .xfce4-panel button:active image {
7073  color: inherit;
7074}
7075
7076.XfceHeading {
7077  border: 0 none transparent;
7078  background-color: #f4f4f9;
7079  color: rgba(0, 0, 0, 0.75);
7080}
7081
7082.xfce4-panel {
7083  background-color: #25252d;
7084  color: rgba(255, 255, 255, 0.7);
7085  font-weight: 700;
7086  text-shadow: none;
7087  -gtk-icon-shadow: none;
7088}
7089
7090.xfce4-panel,
7091.xfce4-panel frame > border {
7092  border: none;
7093}
7094
7095.xfce4-panel#XfcePanelWindow {
7096  border: none;
7097}
7098
7099.xfce4-panel button {
7100  font-weight: 700;
7101}
7102
7103.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover {
7104  box-shadow: none;
7105}
7106
7107.xfce4-panel button#launcher-arrow + button.toggle:checked {
7108  color: #7C4DFF;
7109  box-shadow: none;
7110}
7111
7112.xfce4-panel button#xfce4-notification-plugin {
7113  padding: 0 1px;
7114}
7115
7116.xfce4-panel menu {
7117  font-weight: 400;
7118  text-shadow: none;
7119  -gtk-icon-effect: none;
7120}
7121
7122.xfce4-panel widget.tasklist > button.toggle {
7123  font-weight: 400;
7124}
7125
7126XfdesktopIconView.view {
7127  border-radius: 5px;
7128  background: transparent;
7129  color: #FFFFFF;
7130  text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12);
7131}
7132
7133XfdesktopIconView.view:active, XfdesktopIconView.view:checked {
7134  background-color: #5657f5;
7135  text-shadow: none;
7136}
7137
7138window#whiskermenu-window {
7139  background-color: #FFFFFF;
7140}
7141
7142window#whiskermenu-window > frame > border {
7143  border-radius: 0;
7144}
7145
7146window#whiskermenu-window scrolledwindow > viewport button.radio:not(:disabled) {
7147  border-radius: 3px;
7148}
7149
7150window#whiskermenu-window scrolledwindow > viewport button.radio:hover {
7151  background-color: rgba(0, 0, 0, 0.08);
7152}
7153
7154window#whiskermenu-window scrolledwindow > viewport button.radio:checked {
7155  background-color: #5657f5;
7156  color: #FFFFFF;
7157}
7158
7159window#whiskermenu-window scrolledwindow treeview.view:selected:hover {
7160  background-color: alpha(currentColor, 0.05);
7161  color: rgba(0, 0, 0, 0.75);
7162}
7163
7164window.thunar .sidebar {
7165  border-top: none;
7166}
7167
7168window.thunar toolbar#location-toolbar {
7169  background-color: #31313a;
7170  color: #FFFFFF;
7171  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
7172}
7173
7174window.thunar toolbar#location-toolbar entry {
7175  min-height: 0;
7176}
7177
7178window.thunar toolbar#location-toolbar button {
7179  color: rgba(255, 255, 255, 0.7);
7180}
7181
7182window.thunar toolbar#location-toolbar button:hover, window.thunar toolbar#location-toolbar button:active, window.thunar toolbar#location-toolbar button:checked {
7183  color: #FFFFFF;
7184}
7185
7186window.thunar toolbar#location-toolbar button:disabled {
7187  color: rgba(255, 255, 255, 0.3);
7188}
7189
7190window.thunar notebook stack > scrolledwindow.frame.standard-view {
7191  border-top-width: 0;
7192  border-right-width: 0;
7193}
7194
7195window.thunar notebook stack > scrolledwindow.frame.standard-view widget.view {
7196  border-radius: 3px;
7197}
7198
7199window.thunar notebook header.top tab.reorderable-page > box > label {
7200  min-height: 0;
7201}
7202
7203menubar.-vala-panel-appmenu-private,
7204menubar.-vala-panel-background {
7205  background: none;
7206  border: none;
7207}
7208
7209menubar.-vala-panel-appmenu-private > menuitem,
7210menubar.-vala-panel-background > menuitem {
7211  color: rgba(255, 255, 255, 0.8);
7212  font-weight: normal;
7213}
7214
7215menubar.-vala-panel-appmenu-private > menuitem:hover,
7216menubar.-vala-panel-background > menuitem:hover {
7217  color: #FFFFFF;
7218  border-radius: 0 0 0 0;
7219}
7220
7221/*********
7222 * Unity *
7223 *********/
7224UnityDecoration {
7225  -UnityDecoration-extents: 28px 0 0 0;
7226  -UnityDecoration-input-extents: 8px;
7227  -UnityDecoration-shadow-offset-x: 0;
7228  -UnityDecoration-shadow-offset-y: 3px;
7229  -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
7230  -UnityDecoration-active-shadow-radius: 18px;
7231  -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
7232  -UnityDecoration-inactive-shadow-radius: 6px;
7233  -UnityDecoration-glow-size: 8px;
7234  -UnityDecoration-glow-color: #5657f5;
7235  -UnityDecoration-title-indent: 4px;
7236  -UnityDecoration-title-fade: 32px;
7237  -UnityDecoration-title-alignment: 0.0;
7238}
7239
7240UnityDecoration .top {
7241  padding: 0 2px;
7242  border-style: none;
7243  border-radius: 13px 13px 0 0;
7244  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
7245  background-color: #31313a;
7246  color: #FFFFFF;
7247}
7248
7249UnityDecoration .top:backdrop {
7250  color: rgba(255, 255, 255, 0.7);
7251}
7252
7253UnityDecoration .menuitem {
7254  color: rgba(255, 255, 255, 0.7);
7255}
7256
7257UnityDecoration .menuitem:hover {
7258  box-shadow: inset 0 -2px currentColor;
7259  background-color: transparent;
7260  color: #FFFFFF;
7261}
7262
7263.background:not(.csd) headerbar:not(.titlebar) {
7264  border-radius: 7px;
7265  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
7266}
7267
7268.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
7269  border-style: none;
7270}
7271
7272UnityPanelWidget,
7273.unity-panel {
7274  background-color: #25252d;
7275  color: #FFFFFF;
7276}
7277
7278UnityPanelWidget:backdrop,
7279.unity-panel:backdrop {
7280  color: rgba(255, 255, 255, 0.7);
7281}
7282
7283.unity-panel.menuitem,
7284.unity-panel .menuitem {
7285  color: rgba(255, 255, 255, 0.7);
7286}
7287
7288.unity-panel.menubar.menuitem:hover,
7289.unity-panel.menubar .menuitem *:hover {
7290  box-shadow: inset 0 -2px currentColor;
7291  background-color: transparent;
7292  color: #FFFFFF;
7293}
7294
7295.menu IdoPlaybackMenuItem.menuitem:active {
7296  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
7297  animation: spin 1s linear infinite;
7298  color: #5657f5;
7299}
7300
7301/**************
7302 * Mate-Panel *
7303 **************/
7304.mate-panel-menu-bar menubar,
7305#PanelApplet-window-menu-applet-button {
7306  background-color: transparent;
7307}
7308
7309.mate-panel-menu-bar {
7310  background-color: #25252d;
7311  font-weight: 500;
7312}
7313
7314.mate-panel-menu-bar:not(.popup) {
7315  color: rgba(255, 255, 255, 0.7);
7316}
7317
7318.mate-panel-menu-bar button {
7319  min-height: 16px;
7320  min-width: 16px;
7321  padding: 0;
7322  border-radius: 0;
7323}
7324
7325PanelToplevel.horizontal > grid > button {
7326  min-width: 24px;
7327}
7328
7329PanelToplevel.vertical > grid > button {
7330  min-height: 24px;
7331}
7332
7333PanelSeparator {
7334  color: rgba(0, 0, 0, 0.08);
7335}
7336
7337MatePanelAppletFrameDBus {
7338  border-style: solid;
7339  border-color: transparent;
7340}
7341
7342.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
7343  border-width: 0 1px;
7344}
7345
7346.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
7347  border-width: 1px 0;
7348}
7349
7350.mate-panel-menu-bar menubar > menuitem {
7351  color: rgba(255, 255, 255, 0.7);
7352}
7353
7354.mate-panel-menu-bar menubar > menuitem:hover {
7355  background-color: rgba(0, 0, 0, 0.08);
7356  color: #FFFFFF;
7357}
7358
7359.mate-panel-menu-bar menubar > menuitem:disabled {
7360  color: rgba(255, 255, 255, 0.5);
7361}
7362
7363.mate-panel-menu-bar.horizontal menubar > menuitem {
7364  padding: 0 8px;
7365}
7366
7367.mate-panel-menu-bar.vertical menubar > menuitem {
7368  padding: 8px 0;
7369}
7370
7371.mate-panel-menu-bar menubar menu > menuitem {
7372  min-height: 28px;
7373  padding: 0 6px;
7374}
7375
7376.mate-panel-menu-bar #PanelApplet button {
7377  -GtkWidget-window-dragging: true;
7378}
7379
7380.mate-panel-menu-bar #tasklist-button {
7381  color: rgba(255, 255, 255, 0.7);
7382  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
7383}
7384
7385.mate-panel-menu-bar #tasklist-button:checked {
7386  color: #FFFFFF;
7387  background-color: rgba(255, 255, 255, 0.12);
7388  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
7389}
7390
7391.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
7392  padding-left: 4px;
7393}
7394
7395.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
7396  padding-right: 4px;
7397}
7398
7399.mate-panel-menu-bar.vertical #tasklist-button {
7400  min-height: 32px;
7401}
7402
7403.mate-panel-menu-bar.horizontal #showdesktop-button image {
7404  min-width: 24px;
7405  padding: 0 4px;
7406}
7407
7408.mate-panel-menu-bar.vertical #showdesktop-button image {
7409  min-height: 24px;
7410  padding: 4px 0;
7411}
7412
7413PanelApplet.wnck-applet .wnck-pager {
7414  background-color: transparent;
7415  color: #5C6BC0;
7416}
7417
7418PanelApplet.wnck-applet .wnck-pager:hover {
7419  background-color: rgba(255, 255, 255, 0.12);
7420}
7421
7422PanelApplet.wnck-applet .wnck-pager:active {
7423  background-color: rgba(255, 255, 255, 0.3);
7424}
7425
7426PanelApplet.wnck-applet .wnck-pager:selected {
7427  background-color: #5657f5;
7428}
7429
7430#clock-applet-button {
7431  color: rgba(255, 255, 255, 0.7);
7432}
7433
7434.mate-panel-menu-bar.horizontal #clock-applet-button label {
7435  padding: 0 8px;
7436}
7437
7438.mate-panel-menu-bar.vertical #clock-applet-button label {
7439  padding: 8px 0;
7440}
7441
7442#MatePanelPopupWindow {
7443  border: 1px solid rgba(0, 0, 0, 0.08);
7444  border-radius: 6px;
7445  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
7446}
7447
7448#MatePanelPopupWindow frame > border {
7449  border-style: none;
7450}
7451
7452#MatePanelPopupWindow button {
7453  padding: 4px 16px;
7454}
7455
7456#MatePanelPopupWindow ClockMap {
7457  border: 1px solid rgba(0, 0, 0, 0.08);
7458}
7459
7460#MatePanelPopupWindow widget {
7461  color: rgba(0, 0, 0, 0.08);
7462}
7463
7464na-tray-applet {
7465  -NaTrayApplet-icon-padding: 3px;
7466  -NaTrayApplet-icon-size: 16;
7467}
7468
7469.mate-panel-menu-bar {
7470  -PanelMenuBar-icon-visible: true;
7471}
7472
7473.mate-panel-applet-slider {
7474  border: 1px solid rgba(0, 0, 0, 0.08);
7475  border-radius: 6px;
7476  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
7477  background-color: #f4f4f9;
7478}
7479
7480.mate-panel-applet-slider frame > border {
7481  border-style: none;
7482}
7483
7484#PanelApplet:not(:selected) > box {
7485  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
7486}
7487
7488#PanelApplet:selected > box {
7489  background-color: rgba(255, 255, 255, 0.12);
7490  color: #FFFFFF;
7491}
7492
7493#mate-menu {
7494  border: 1px solid rgba(0, 0, 0, 0.08);
7495}
7496
7497#mate-menu button {
7498  min-height: 24px;
7499  min-width: 24px;
7500  padding: 4px 0;
7501  color: rgba(0, 0, 0, 0.75);
7502  font-weight: normal;
7503}
7504
7505#mate-menu button label:not(:first-child) {
7506  color: rgba(0, 0, 0, 0.55);
7507}
7508
7509#mate-menu entry {
7510  margin: 0 0 8px;
7511}
7512
7513#mate-menu entry image {
7514  margin: 0;
7515}
7516
7517#mate-menu entry + button {
7518  margin: 0 4px 8px;
7519  padding: 4px;
7520}
7521
7522/*********************
7523 * CAJA File manager *
7524 *********************/
7525.caja-navigation-window button.toggle.image-button {
7526  border-radius: 5px;
7527}
7528
7529.caja-pathbar button {
7530  margin: 0 -1px 0 -2px;
7531}
7532
7533.caja-pathbar button > widget {
7534  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
7535  -GtkArrow-arrow-scaling: 1;
7536}
7537
7538.caja-side-pane notebook viewport.frame,
7539.caja-side-pane notebook widget .vertical {
7540  background-color: #FFFFFF;
7541}
7542
7543.caja-side-pane notebook,
7544.caja-notebook {
7545  border-top: 1px solid rgba(0, 0, 0, 0.08);
7546}
7547
7548.caja-side-pane notebook .frame,
7549.caja-notebook .frame {
7550  border-style: none;
7551}
7552
7553.caja-navigation-window statusbar {
7554  margin: 0 -10px;
7555  padding: 0 4px;
7556  border-top: 1px solid rgba(0, 0, 0, 0.08);
7557}
7558
7559.caja-notebook frame > border {
7560  border-style: none;
7561}
7562
7563#caja-extra-view-widget {
7564  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
7565  background-color: #f4f4f9;
7566}
7567
7568#caja-extra-view-widget > box > box > label {
7569  font-weight: bold;
7570}
7571
7572/*********
7573 * Pluma *
7574 *********/
7575.pluma-window statusbar {
7576  margin: 0 -10px;
7577  padding: 0 4px;
7578  border-top: 1px solid rgba(0, 0, 0, 0.08);
7579}
7580
7581.pluma-window statusbar frame > border {
7582  border-style: none;
7583}
7584
7585.pluma-window statusbar frame button.flat {
7586  padding: 0 4px;
7587  border-radius: 0;
7588}
7589
7590.pluma-window statusbar frame button.flat widget {
7591  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
7592  -GtkArrow-arrow-scaling: 1;
7593}
7594
7595.pluma-print-preview toolbar {
7596  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
7597}
7598
7599.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
7600  margin: 1px;
7601}
7602
7603.pluma-window paned.horizontal box.vertical .frame {
7604  border-style: none;
7605}
7606
7607.pluma-window paned.horizontal box.vertical notebook.frame {
7608  margin-top: -1px;
7609  border-top: 1px solid rgba(0, 0, 0, 0.08);
7610}
7611
7612.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
7613  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
7614}
7615
7616/*********
7617 * Atril *
7618 *********/
7619.atril-window paned.horizontal box.vertical .frame {
7620  border-style: none;
7621}
7622
7623.atril-window paned.horizontal box.vertical notebook .frame {
7624  border-top: 1px solid rgba(0, 0, 0, 0.08);
7625}
7626
7627/* mate-screensaver lock dialog */
7628.lock-dialog {
7629  border-radius: 5px;
7630  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4);
7631}
7632
7633.lock-dialog frame > border {
7634  border-style: none;
7635}
7636
7637/******************
7638 * Budgie Desktop *
7639 ******************/
7640box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button {
7641  color: rgba(0, 0, 0, 0.55);
7642  background-color: transparent;
7643  box-shadow: none;
7644}
7645
7646box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:hover {
7647  color: rgba(0, 0, 0, 0.75);
7648  background-color: rgba(0, 0, 0, 0.1);
7649  box-shadow: none;
7650}
7651
7652box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:disabled {
7653  color: rgba(0, 0, 0, 0.38);
7654  background-color: transparent;
7655}
7656
7657box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked {
7658  background-color: rgba(0, 0, 0, 0.15);
7659  color: rgba(0, 0, 0, 0.75);
7660  box-shadow: none;
7661}
7662
7663box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:active {
7664  background-color: rgba(0, 0, 0, 0.12);
7665  color: rgba(0, 0, 0, 0.75);
7666  box-shadow: none;
7667}
7668
7669box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked:disabled {
7670  background-color: rgba(0, 0, 0, 0.08);
7671  color: rgba(0, 0, 0, 0.65);
7672  box-shadow: none;
7673}
7674
7675.budgie-container {
7676  background-color: transparent;
7677}
7678
7679.budgie-settings-window buttonbox.inline-toolbar {
7680  border-style: none none solid;
7681  padding: 0 2px;
7682  margin: 0;
7683}
7684
7685.budgie-settings-window buttonbox.inline-toolbar button {
7686  margin: 4px 2px;
7687  min-height: 16px;
7688  border-radius: 7px;
7689  -gtk-outline-radius: 7px;
7690}
7691
7692.budgie-settings-window list.sidebar {
7693  background-color: #FFFFFF;
7694  border-radius: 0 0 0 13px;
7695}
7696
7697.budgie-popover {
7698  border-color: #f4f4f9;
7699  border-radius: 6px;
7700  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
7701  background-color: #3c3c46;
7702}
7703
7704.budgie-popover .container {
7705  padding: 2px;
7706}
7707
7708.budgie-popover border {
7709  border: none;
7710}
7711
7712.budgie-popover list {
7713  background-color: transparent;
7714}
7715
7716.budgie-popover row {
7717  padding: 0;
7718}
7719
7720.budgie-popover row:hover {
7721  box-shadow: none;
7722}
7723
7724.budgie-popover switch {
7725  margin-left: 56px;
7726  margin-right: 6px;
7727}
7728
7729.budgie-popover button:checked {
7730  color: white;
7731  background-color: #5657f5;
7732}
7733
7734.budgie-popover .linked entry:first-child, .budgie-popover .linked entry:last-child {
7735  border-radius: 0;
7736}
7737
7738.budgie-popover .linked:not(.vertical) > combobox > box > button.combo {
7739  border-radius: 0;
7740}
7741
7742.budgie-popover .linked:not(.vertical) > combobox:first-child > box > button.combo {
7743  border-radius: 0;
7744}
7745
7746.budgie-popover .linked:not(.vertical) > combobox:last-child > box > button.combo {
7747  border-radius: 0;
7748}
7749
7750.budgie-popover .linked:not(.vertical) > combobox:only-child > box > button.combo {
7751  border-radius: 0;
7752}
7753
7754.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
7755  min-height: 28px;
7756  padding: 0 8px;
7757  color: rgba(0, 0, 0, 0.75);
7758  font-weight: normal;
7759}
7760
7761.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
7762  color: rgba(0, 0, 0, 0.38);
7763}
7764
7765.budgie-popover.budgie-menu .container {
7766  padding: 0;
7767}
7768
7769.budgie-popover.user-menu .container {
7770  padding: 8px;
7771}
7772
7773.budgie-popover.user-menu separator {
7774  margin: 4px 0;
7775}
7776
7777.budgie-popover.sound-popover separator {
7778  margin: 3px 0;
7779}
7780
7781.budgie-popover.night-light-indicator .container {
7782  padding: 8px;
7783}
7784
7785.budgie-popover.places-menu .container {
7786  padding: 8px;
7787}
7788
7789.budgie-popover.places-menu .places-list:not(.always-expand) {
7790  margin-top: 4px;
7791  padding-top: 4px;
7792  border-top: 1px solid rgba(0, 0, 0, 0.08);
7793}
7794
7795.budgie-popover.places-menu .alternative-label {
7796  padding: 3px;
7797  font-size: 15px;
7798}
7799
7800.budgie-popover.workspace-popover .container {
7801  padding: 2px 8px 8px;
7802}
7803
7804.budgie-popover.workspace-popover separator {
7805  margin: 4px 0;
7806}
7807
7808.budgie-popover.workspace-popover flowboxchild {
7809  padding: 0;
7810}
7811
7812window.budgie-popover:not(.csd) > frame.container {
7813  margin: 0 -1px -1px;
7814}
7815
7816.bottom window.budgie-popover:not(.csd) > frame.container {
7817  padding: 2px 0 2px;
7818}
7819
7820window.budgie-popover:not(.csd) > frame.container,
7821window.budgie-popover:not(.csd) > frame.container > border {
7822  border-style: none;
7823}
7824
7825.workspace-switcher .workspace-layout {
7826  border: 0 solid rgba(255, 255, 255, 0.12);
7827}
7828
7829.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
7830  border-left-width: 1px;
7831}
7832
7833.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
7834  border-right-width: 1px;
7835}
7836
7837.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
7838  border-top-width: 1px;
7839}
7840
7841.workspace-switcher .workspace-item,
7842.workspace-switcher .workspace-add-button {
7843  border: 0 solid rgba(255, 255, 255, 0.12);
7844}
7845
7846.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
7847  border-right-width: 1px;
7848}
7849
7850.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
7851  border-left-width: 1px;
7852}
7853
7854.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
7855  border-bottom-width: 1px;
7856}
7857
7858.workspace-switcher .workspace-item {
7859  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
7860}
7861
7862.workspace-switcher .workspace-item.current-workspace {
7863  background-color: rgba(255, 255, 255, 0.12);
7864}
7865
7866.workspace-switcher .workspace-add-button:hover {
7867  box-shadow: none;
7868}
7869
7870.workspace-switcher .workspace-add-button:active {
7871  background-image: none;
7872}
7873
7874.workspace-switcher .workspace-add-button:active image {
7875  margin: 1px 0 -1px;
7876}
7877
7878.budgie-panel .workspace-switcher .workspace-icon-button {
7879  min-height: 24px;
7880  min-width: 24px;
7881  padding: 0;
7882  border-radius: 7px;
7883}
7884
7885.budgie-menu.background {
7886  padding: 0;
7887  background-color: #FFFFFF;
7888}
7889
7890.budgie-menu scrollbar,
7891.budgie-menu entry.search {
7892  background-color: transparent;
7893}
7894
7895.budgie-menu entry.search {
7896  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
7897  border-radius: 0;
7898  box-shadow: none;
7899  font-size: 120%;
7900}
7901
7902.budgie-menu .categories:dir(ltr) {
7903  border-bottom-left-radius: 5px;
7904}
7905
7906.budgie-menu .categories:dir(rtl) {
7907  border-bottom-right-radius: 5px;
7908}
7909
7910.budgie-menu button {
7911  min-height: 32px;
7912  padding: 0 8px;
7913  border-radius: 0;
7914  color: rgba(0, 0, 0, 0.75);
7915  font-weight: normal;
7916}
7917
7918.budgie-menu button:disabled {
7919  color: rgba(0, 0, 0, 0.38);
7920}
7921
7922.budgie-menu button:checked:disabled {
7923  background-color: #5657f5;
7924}
7925
7926.budgie-menu row {
7927  padding: 0;
7928}
7929
7930.budgie-menu row:hover {
7931  box-shadow: none;
7932}
7933
7934popover.background.user-menu {
7935  padding: 8px;
7936}
7937
7938popover.background.user-menu .content-box {
7939  background-color: transparent;
7940}
7941
7942popover.background.user-menu separator {
7943  margin: 4px 0;
7944}
7945
7946popover.background.user-menu row {
7947  padding: 0;
7948  box-shadow: none;
7949  background-image: none;
7950}
7951
7952popover.background.places-menu {
7953  padding: 8px;
7954}
7955
7956popover.background.places-menu .name-button.text-button {
7957  padding-left: 8px;
7958  padding-right: 8px;
7959}
7960
7961popover.background.places-menu .name-button.text-button image:dir(ltr) {
7962  margin-right: 3px;
7963}
7964
7965popover.background.places-menu .name-button.text-button image:dir(rtl) {
7966  margin-left: 3px;
7967}
7968
7969popover.background.places-menu .places-section-header > image:dir(ltr) {
7970  margin: 0 -2px 0 5px;
7971}
7972
7973popover.background.places-menu .places-section-header > image:dir(rtl) {
7974  margin: 0 5px 0 -2px;
7975}
7976
7977popover.background.places-menu .places-list {
7978  margin-top: 4px;
7979  padding-top: 4px;
7980  border-top: 1px solid rgba(0, 0, 0, 0.08);
7981  background-color: transparent;
7982}
7983
7984popover.background.places-menu row {
7985  padding: 0;
7986  box-shadow: none;
7987  background-image: none;
7988}
7989
7990.budgie-panel {
7991  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1);
7992  background-color: #25252d;
7993  color: rgba(255, 255, 255, 0.7);
7994  font-weight: 500;
7995}
7996
7997.budgie-panel.transparent {
7998  background-color: rgba(37, 37, 45, 0.85);
7999}
8000
8001.budgie-panel button {
8002  min-height: 16px;
8003  min-width: 16px;
8004  padding: 0;
8005  border-radius: 0;
8006  color: rgba(255, 255, 255, 0.7);
8007}
8008
8009.budgie-panel button:hover {
8010  color: #FFFFFF;
8011}
8012
8013.budgie-panel button:checked {
8014  background-color: rgba(255, 255, 255, 0.12);
8015  color: #FFFFFF;
8016}
8017
8018.budgie-panel.horizontal button {
8019  padding: 0 4px;
8020}
8021
8022.budgie-panel.vertical button {
8023  padding: 4px 0;
8024}
8025
8026.budgie-panel separator {
8027  background-color: rgba(255, 255, 255, 0.3);
8028}
8029
8030.budgie-panel menubar > menuitem,
8031.budgie-panel .menubar > menuitem {
8032  color: rgba(255, 255, 255, 0.7);
8033}
8034
8035.budgie-panel menubar > menuitem:hover,
8036.budgie-panel .menubar > menuitem:hover {
8037  color: #FFFFFF;
8038}
8039
8040.budgie-panel menubar > menuitem:disabled,
8041.budgie-panel .menubar > menuitem:disabled {
8042  color: rgba(255, 255, 255, 0.3);
8043}
8044
8045.budgie-panel menubar > menuitem menu,
8046.budgie-panel .menubar > menuitem menu {
8047  border-radius: 0 0 8px 8px;
8048}
8049
8050.budgie-panel menubar > menuitem menu menu,
8051.budgie-panel .menubar > menuitem menu menu {
8052  border-radius: 8px;
8053}
8054
8055.budgie-panel menubar > menuitem menu separator,
8056.budgie-panel .menubar > menuitem menu separator {
8057  background: none;
8058}
8059
8060.budgie-panel .alert {
8061  color: #66BB6A;
8062}
8063
8064.budgie-panel #tasklist-button {
8065  padding: 0 4px;
8066}
8067
8068.budgie-panel.vertical #tasklist-button {
8069  min-height: 32px;
8070}
8071
8072.budgie-panel button.flat.launcher {
8073  padding: 0;
8074}
8075
8076.budgie-panel button.flat.launcher:checked, .budgie-panel button.flat.launcher:active {
8077  background-color: rgba(255, 255, 255, 0.15);
8078  color: #FFFFFF;
8079  transition: background-color 0, border-image 300ms cubic-bezier(0, 0, 0.2, 1);
8080}
8081
8082.budgie-panel button.flat.launcher:not(:checked) {
8083  color: rgba(255, 255, 255, 0.5);
8084}
8085
8086.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
8087  color: rgba(255, 255, 255, 0.7);
8088}
8089
8090.budgie-panel button.flat.launcher:not(:checked):disabled {
8091  color: rgba(255, 255, 255, 0.3);
8092}
8093
8094.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
8095  border-image: radial-gradient(circle closest-corner at center calc(1px), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
8096}
8097
8098.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked {
8099  border-image: radial-gradient(circle closest-corner at center calc(1px), #7C4DFF 100%, transparent 0%) 3 0 0 0/3px 0 0 0;
8100}
8101
8102.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
8103  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
8104}
8105
8106.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked {
8107  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7C4DFF 100%, transparent 0%) 0 0 3 0/0 0 3px 0;
8108}
8109
8110.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
8111  border-image: radial-gradient(circle closest-corner at calc(1px) center, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
8112}
8113
8114.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked {
8115  border-image: radial-gradient(circle closest-corner at calc(1px) center, #7C4DFF 100%, transparent 0%) 0 0 0 3/0 0 0 3px;
8116}
8117
8118.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
8119  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
8120}
8121
8122.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked {
8123  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #7C4DFF 100%, transparent 0%) 0 3 0 0/0 3px 0 0;
8124}
8125
8126
8127button.flat.launcher {
8128  min-width: 16px;
8129  min-height: 16px;
8130  padding: 0;
8131  border-radius: 0;
8132  background-position: center center;
8133}
8134
8135
8136button.flat.launcher > image {
8137  opacity: 0.87;
8138}
8139
8140
8141button.flat.launcher:hover {
8142  -gtk-icon-effect: highlight;
8143}
8144
8145
8146button.flat.launcher:hover > image {
8147  opacity: 1.0;
8148}
8149
8150
8151button.flat.launcher:active > image {
8152  opacity: 1.0;
8153}
8154
8155
8156button.flat.launcher:checked {
8157  background-color: transparent;
8158}
8159
8160
8161button.flat.launcher:checked:hover {
8162  -gtk-icon-effect: highlight;
8163}
8164
8165
8166button.flat.launcher:checked > image {
8167  opacity: 1.0;
8168}
8169
8170
8171.unpinned button.flat.launcher:hover,
8172.pinned button.flat.launcher.running:hover,
8173.pinned button.launcher.running.sidebar-button:hover {
8174  -gtk-icon-effect: highlight;
8175}
8176
8177
8178.unpinned button.flat.launcher > image,
8179.pinned button.flat.launcher.running > image,
8180.pinned button.launcher.running.sidebar-button > image {
8181  background-repeat: no-repeat;
8182  opacity: 1.0;
8183}
8184
8185
8186.unpinned button.flat.launcher:checked > image,
8187.pinned button.flat.launcher.running:checked > image,
8188.pinned button.launcher.running.sidebar-button:checked > image {
8189  background-image: none;
8190}
8191
8192.top .budgie-panel .unpinned button.flat.launcher > image,
8193.top .budgie-panel .pinned button.flat.launcher.running > image,
8194.top .budgie-panel .pinned button.launcher.running.sidebar-button > image {
8195  background-image: image(#7C4DFF);
8196  background-size: 6px 3px;
8197  background-position: top center;
8198}
8199
8200.top .budgie-panel .unpinned button.flat.launcher:checked,
8201.top .budgie-panel .pinned button.flat.launcher.running:checked,
8202.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
8203  background-color: rgba(255, 255, 255, 0.15);
8204  color: #FFFFFF;
8205}
8206
8207.top .budgie-panel .unpinned button.flat.launcher:checked:hover,
8208.top .budgie-panel .pinned button.flat.launcher.running:checked:hover,
8209.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
8210  transition: none;
8211}
8212
8213.top .budgie-panel .unpinned button.flat.launcher:checked > image,
8214.top .budgie-panel .pinned button.flat.launcher.running:checked > image,
8215.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
8216  background-image: none;
8217}
8218
8219.bottom .budgie-panel .unpinned button.flat.launcher > image,
8220.bottom .budgie-panel .pinned button.flat.launcher.running > image,
8221.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image {
8222  background-image: image(#7C4DFF);
8223  background-size: 6px 3px;
8224  background-position: bottom center;
8225}
8226
8227.bottom .budgie-panel .unpinned button.flat.launcher:checked,
8228.bottom .budgie-panel .pinned button.flat.launcher.running:checked,
8229.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
8230  background-color: rgba(255, 255, 255, 0.15);
8231  color: #FFFFFF;
8232}
8233
8234.bottom .budgie-panel .unpinned button.flat.launcher:checked:hover,
8235.bottom .budgie-panel .pinned button.flat.launcher.running:checked:hover,
8236.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
8237  transition: none;
8238}
8239
8240.bottom .budgie-panel .unpinned button.flat.launcher:checked > image,
8241.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image,
8242.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
8243  background-image: none;
8244}
8245
8246.left .budgie-panel .unpinned button.flat.launcher > image,
8247.left .budgie-panel .pinned button.flat.launcher.running > image,
8248.left .budgie-panel .pinned button.launcher.running.sidebar-button > image {
8249  background-image: image(#7C4DFF);
8250  background-size: 3px 6px;
8251  background-position: left center;
8252}
8253
8254.left .budgie-panel .unpinned button.flat.launcher:checked,
8255.left .budgie-panel .pinned button.flat.launcher.running:checked,
8256.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
8257  background-color: rgba(255, 255, 255, 0.15);
8258  color: #FFFFFF;
8259}
8260
8261.left .budgie-panel .unpinned button.flat.launcher:checked:hover,
8262.left .budgie-panel .pinned button.flat.launcher.running:checked:hover,
8263.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
8264  transition: none;
8265}
8266
8267.left .budgie-panel .unpinned button.flat.launcher:checked > image,
8268.left .budgie-panel .pinned button.flat.launcher.running:checked > image,
8269.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
8270  background-image: none;
8271}
8272
8273.right .budgie-panel .unpinned button.flat.launcher > image,
8274.right .budgie-panel .pinned button.flat.launcher.running > image,
8275.right .budgie-panel .pinned button.launcher.running.sidebar-button > image {
8276  background-image: image(#7C4DFF);
8277  background-size: 3px 6px;
8278  background-position: right center;
8279}
8280
8281.right .budgie-panel .unpinned button.flat.launcher:checked,
8282.right .budgie-panel .pinned button.flat.launcher.running:checked,
8283.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
8284  background-color: rgba(255, 255, 255, 0.15);
8285  color: #FFFFFF;
8286}
8287
8288.right .budgie-panel .unpinned button.flat.launcher:checked:hover,
8289.right .budgie-panel .pinned button.flat.launcher.running:checked:hover,
8290.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
8291  transition: none;
8292}
8293
8294.right .budgie-panel .unpinned button.flat.launcher:checked > image,
8295.right .budgie-panel .pinned button.flat.launcher.running:checked > image,
8296.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
8297  background-image: none;
8298}
8299
8300box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked {
8301  border-image: none;
8302}
8303
8304widget.icon-tasklist > box:drop(active),
8305box.pinned:drop(active) {
8306  border: none;
8307  border-radius: 0;
8308  background-color: rgba(255, 167, 38, 0.2);
8309  box-shadow: inset 0 0 0 1px #FFA726;
8310}
8311
8312*:drop(active):focus,
8313*:drop(active) {
8314  box-shadow: inset 0 0 0 1px #FFA726;
8315}
8316
8317frame.raven-frame > border {
8318  border-style: none;
8319  box-shadow: none;
8320}
8321
8322.top .shadow-block {
8323  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
8324}
8325
8326.bottom .shadow-block {
8327  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
8328}
8329
8330.left .shadow-block {
8331  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
8332}
8333
8334.right .shadow-block {
8335  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
8336}
8337
8338.raven {
8339  background-color: #FFFFFF;
8340}
8341
8342.raven > box {
8343  margin-bottom: -10px;
8344}
8345
8346.raven > stack {
8347  margin-bottom: -10px;
8348}
8349
8350.raven stackswitcher.linked > button {
8351  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
8352  border-radius: 0;
8353}
8354
8355.raven stackswitcher.linked > button:checked {
8356  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
8357  background-color: transparent;
8358}
8359
8360.raven .raven-header {
8361  min-height: 32px;
8362  padding: 3px;
8363}
8364
8365.raven .raven-header:not(.top) {
8366  margin-top: -6px;
8367}
8368
8369.raven .raven-header.top {
8370  padding: 0 0;
8371  background-color: #FFFFFF;
8372  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
8373}
8374
8375.raven .raven-header.top stackswitcher button {
8376  margin: -4px 0;
8377  min-height: 32px;
8378  padding: 4px 16px;
8379}
8380
8381.raven .raven-header.top button.image-button:dir(ltr) {
8382  margin-right: 2px;
8383}
8384
8385.raven .raven-header.top button.image-button:dir(rtl) {
8386  margin-left: 2px;
8387}
8388
8389.raven .raven-header.top > image {
8390  margin: 0 8px;
8391}
8392
8393.raven .raven-header.top > label {
8394  margin: 0 -8px;
8395  font-weight: bold;
8396}
8397
8398.raven .raven-header.bottom {
8399  border-top: 1px solid rgba(0, 0, 0, 0.08);
8400}
8401
8402.raven viewport.frame .raven-header {
8403  margin-top: -8px;
8404}
8405
8406.raven .raven-background {
8407  border-style: solid none;
8408  border-width: 1px;
8409  border-color: rgba(0, 0, 0, 0.08);
8410  background-color: #FFFFFF;
8411}
8412
8413.raven .raven-background.frame {
8414  border-style: solid none;
8415}
8416
8417.raven .raven-background > overlay > widget > image {
8418  color: rgba(0, 0, 0, 0.08);
8419}
8420
8421.raven .raven-background grid > label:first-child {
8422  min-height: 32px;
8423}
8424
8425.raven scrolledwindow.raven-background {
8426  border-bottom-style: none;
8427}
8428
8429.raven .raven-header.top + .raven-background {
8430  border-style: none;
8431  background-color: #5657f5;
8432  color: #FFFFFF;
8433}
8434
8435.raven .raven-header.top + .raven-background stackswitcher button {
8436  margin: -4px 0;
8437}
8438
8439.raven .powerstrip button {
8440  margin: 2px 0 1px;
8441  padding: 7px;
8442}
8443
8444.raven .option-subtitle {
8445  font-size: smaller;
8446}
8447
8448.raven .audio-widget scale.marks-after {
8449  padding-top: 0;
8450  padding-bottom: 0;
8451}
8452
8453.raven .audio-widget scale.marks-after label {
8454  font-size: 90%;
8455  padding: 0;
8456  margin: -10px 0 0 6px;
8457}
8458
8459.raven .audio-widget button.flat.expander-button {
8460  margin-top: 4px;
8461  margin-bottom: 4px;
8462}
8463
8464.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
8465  background-color: rgba(0, 0, 0, 0.06);
8466  color: rgba(0, 0, 0, 0.75);
8467  box-shadow: inset 2px 0 #5657f5;
8468}
8469
8470.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
8471  color: rgba(0, 0, 0, 0.75);
8472}
8473
8474.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
8475  padding-left: 16px;
8476}
8477
8478calendar.raven-calendar {
8479  border-style: none;
8480  background-color: transparent;
8481}
8482
8483calendar.raven-calendar:selected {
8484  border-radius: 7px;
8485  background-color: #5657f5;
8486}
8487
8488.raven-mpris {
8489  background-color: rgba(0, 0, 0, 0.6);
8490  color: #FFFFFF;
8491}
8492
8493.raven-mpris label {
8494  min-height: 24px;
8495}
8496
8497.raven-mpris button.image-button {
8498  padding: 7px;
8499}
8500
8501box.vertical > stack > box.vertical .raven-background > viewport.frame {
8502  padding: 0;
8503}
8504
8505box.vertical > stack > box.vertical .raven-background > viewport.frame list {
8506  background-color: transparent;
8507}
8508
8509box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable {
8510  margin-left: -8px;
8511  margin-right: -2px;
8512  background-color: transparent;
8513}
8514
8515box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > grid > *,
8516box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > box.vertical * {
8517  color: rgba(0, 0, 0, 0.75);
8518}
8519
8520box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable image {
8521  padding-left: 8px;
8522}
8523
8524box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button {
8525  min-height: 32px;
8526  min-width: 32px;
8527  margin: 8px;
8528}
8529
8530box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button image {
8531  padding: 0;
8532}
8533
8534box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list {
8535  border-radius: 2px;
8536  border-top: 1px solid rgba(0, 0, 0, 0.08);
8537  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
8538}
8539
8540box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable {
8541  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
8542}
8543
8544box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:last-child {
8545  border-bottom: none;
8546}
8547
8548box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:hover {
8549  background-color: rgba(0, 0, 0, 0.06);
8550}
8551
8552box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable label {
8553  padding: 0 16px;
8554}
8555
8556box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button {
8557  min-height: 24px;
8558  min-width: 24px;
8559}
8560
8561box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button image {
8562  padding: 0;
8563}
8564
8565box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected {
8566  background-color: rgba(86, 87, 245, 0.75);
8567}
8568
8569box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > grid > *,
8570box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > box.vertical * {
8571  color: white;
8572}
8573
8574box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button {
8575  border: none;
8576}
8577
8578box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:hover {
8579  background-color: rgba(255, 255, 255, 0.25);
8580}
8581
8582box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:active, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:checked {
8583  background-color: rgba(255, 255, 255, 0.35);
8584}
8585
8586box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list {
8587  border: 1px solid rgba(255, 255, 255, 0.12);
8588}
8589
8590box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable {
8591  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
8592}
8593
8594box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:last-child {
8595  border-bottom: none;
8596}
8597
8598box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:selected {
8599  background-color: rgba(86, 87, 245, 0.65);
8600}
8601
8602.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
8603  background-color: transparent;
8604}
8605
8606.budgie-notification .notification-title, .budgie-switcher .notification-title {
8607  font-size: 120%;
8608}
8609
8610.budgie-osd .budgie-osd-text {
8611  font-size: 120%;
8612}
8613
8614.drop-shadow {
8615  margin: 5px 9px;
8616  padding: 3px;
8617  border-radius: 7px;
8618  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.4);
8619  background-color: rgba(244, 244, 249, 0.95);
8620}
8621
8622.drop-shadow .linked > button {
8623  border-radius: 7px;
8624}
8625
8626.budgie-run-dialog, .budgie-polkit-dialog,
8627.budgie-session-dialog {
8628  border-radius: 7px;
8629  background-color: #f4f4f9;
8630}
8631
8632.budgie-run-dialog decoration, .budgie-polkit-dialog decoration,
8633.budgie-session-dialog decoration {
8634  border-radius: 7px;
8635}
8636
8637.background.budgie-run-dialog, .background.budgie-polkit-dialog,
8638.background.budgie-session-dialog {
8639  border-radius: 7px;
8640}
8641
8642.budgie-polkit-dialog label:not(:last-child),
8643.budgie-polkit-dialog .dialog-title,
8644.budgie-session-dialog label:not(:last-child),
8645.budgie-session-dialog .dialog-title {
8646  font-size: 120%;
8647}
8648
8649.budgie-polkit-dialog .linked.horizontal > button,
8650.budgie-session-dialog .linked.horizontal > button {
8651  padding: 8px 16px;
8652  border-top: 1px solid rgba(0, 0, 0, 0.08);
8653  border-radius: 0;
8654}
8655
8656.budgie-polkit-dialog .linked.horizontal > button:first-child,
8657.budgie-session-dialog .linked.horizontal > button:first-child {
8658  border-bottom-left-radius: 7px;
8659}
8660
8661.budgie-polkit-dialog .linked.horizontal > button:last-child,
8662.budgie-session-dialog .linked.horizontal > button:last-child {
8663  border-bottom-right-radius: 7px;
8664}
8665
8666.budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover,
8667.budgie-session-dialog .linked.horizontal > button.suggested-action,
8668.budgie-session-dialog .linked.horizontal > button.suggested-action:hover {
8669  color: #7C4DFF;
8670}
8671
8672.budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked,
8673.budgie-session-dialog .linked.horizontal > button.suggested-action:active,
8674.budgie-session-dialog .linked.horizontal > button.suggested-action:checked {
8675  background-color: #7C4DFF;
8676  color: white;
8677  border-color: #7C4DFF;
8678  box-shadow: none;
8679}
8680
8681.budgie-polkit-dialog .linked.horizontal > button.suggested-action:disabled,
8682.budgie-session-dialog .linked.horizontal > button.suggested-action:disabled {
8683  opacity: 0.65;
8684}
8685
8686.budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover,
8687.budgie-session-dialog .linked.horizontal > button.destructive-action,
8688.budgie-session-dialog .linked.horizontal > button.destructive-action:hover {
8689  color: #FF5252;
8690}
8691
8692.budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked,
8693.budgie-session-dialog .linked.horizontal > button.destructive-action:active,
8694.budgie-session-dialog .linked.horizontal > button.destructive-action:checked {
8695  background-color: #FF5252;
8696  color: white;
8697  border-color: #FF5252;
8698  box-shadow: none;
8699}
8700
8701.budgie-polkit-dialog .linked.horizontal > button.destructive-action:disabled,
8702.budgie-session-dialog .linked.horizontal > button.destructive-action:disabled {
8703  opacity: 0.65;
8704}
8705
8706.budgie-polkit-dialog .message {
8707  color: rgba(0, 0, 0, 0.38);
8708}
8709
8710.budgie-polkit-dialog .failure {
8711  color: #FF5252;
8712}
8713
8714.budgie-run-dialog {
8715  background-color: #FFFFFF;
8716}
8717
8718.budgie-run-dialog entry.search {
8719  font-size: 120%;
8720  padding: 4px 12px;
8721  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
8722  background-color: transparent;
8723}
8724
8725.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
8726  opacity: 1;
8727}
8728
8729.budgie-run-dialog scrolledwindow {
8730  border-top: 1px solid rgba(0, 0, 0, 0.08);
8731}
8732
8733.budgie-panel box.titlebar {
8734  min-width: 16px;
8735  min-height: 16px;
8736  border-radius: 0;
8737  background: unset;
8738  box-shadow: none;
8739  border: none;
8740}
8741
8742.budgie-panel box.titlebar > widget > label {
8743  color: rgba(255, 255, 255, 0.7);
8744}
8745
8746.budgie-panel box.titlebar > button.image-button.titlebutton {
8747  min-width: 16px;
8748  min-height: 16px;
8749  padding: 0;
8750  margin: 0;
8751  background: none;
8752  box-shadow: none;
8753  border: none;
8754  color: rgba(255, 255, 255, 0.7);
8755}
8756
8757.budgie-panel box.titlebar > button.image-button.titlebutton image {
8758  border-radius: 100px;
8759  background-size: 16px 16px;
8760  background-position: center center;
8761  background-repeat: no-repeat;
8762}
8763
8764.budgie-panel box.titlebar > button.image-button.titlebutton:hover {
8765  color: rgba(255, 255, 255, 0.7);
8766}
8767
8768.budgie-panel box.titlebar > button.image-button.titlebutton:hover image {
8769  background-image: image(rgba(255, 255, 255, 0.12));
8770}
8771
8772.budgie-panel box.titlebar > button.image-button.titlebutton:active {
8773  color: #FFFFFF;
8774}
8775
8776.budgie-panel box.titlebar > button.image-button.titlebutton:active image {
8777  background-image: image(rgba(255, 255, 255, 0.3));
8778}
8779
8780.budgie-panel box.titlebar > button.image-button.titlebutton.close {
8781  padding: 0;
8782  margin: 0;
8783  box-shadow: none;
8784}
8785
8786.budgie-panel box.titlebar > button.image-button.titlebutton.close:hover image {
8787  background-image: image(#EF5350);
8788}
8789
8790.budgie-panel box.titlebar > button.image-button.titlebutton.close:active image {
8791  background-image: image(#5657f5);
8792}
8793
8794.budgie-panel box.titlebar > button.image-button.titlebutton:disabled image {
8795  opacity: 0;
8796}
8797
8798.budgie-panel box.titlebar.horizontal {
8799  padding: 0 3px;
8800}
8801
8802.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) {
8803  padding-right: 3px;
8804}
8805
8806.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) {
8807  padding-left: 3px;
8808}
8809
8810.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton {
8811  padding: 0 3px;
8812}
8813
8814/************************
8815 * LightDM GTK+ Greeter *
8816 ************************/
8817#panel_window {
8818  background-color: rgba(66, 66, 73, 0.85);
8819  color: #FFFFFF;
8820}
8821
8822#panel_window menubar,
8823#panel_window separator {
8824  background-color: transparent;
8825}
8826
8827#panel_window separator {
8828  padding: 0 4px;
8829}
8830
8831#panel_window separator:first-child {
8832  padding: 0 8px;
8833}
8834
8835#panel_window menubar > menuitem {
8836  color: rgba(255, 255, 255, 0.7);
8837}
8838
8839#panel_window menubar > menuitem:hover {
8840  color: #FFFFFF;
8841}
8842
8843#panel_window menubar > menuitem:disabled label {
8844  color: rgba(255, 255, 255, 0.3);
8845}
8846
8847#login_window,
8848#shutdown_dialog,
8849#restart_dialog {
8850  margin: 8px;
8851  border-radius: 7px;
8852  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.4);
8853  background-color: #f4f4f9;
8854}
8855
8856#content_frame {
8857  padding-bottom: 20px;
8858  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
8859}
8860
8861#buttonbox_frame {
8862  padding-top: 24px;
8863}
8864
8865#buttonbox_frame button {
8866  margin: -16px;
8867}
8868
8869#greeter_infobar {
8870  margin-top: -1px;
8871}
8872
8873/* GTK NAMED COLORS
8874   ----------------
8875   use responsibly! */
8876/*
8877widget text/foreground color */
8878@define-color theme_fg_color rgba(0, 0, 0, 0.75);
8879/*
8880text color for entries, views and content in general */
8881@define-color theme_text_color currentColor;
8882/*
8883widget base background color */
8884@define-color theme_bg_color #f4f4f9;
8885/*
8886text widgets and the like base background color */
8887@define-color theme_base_color #FFFFFF;
8888/*
8889base background color of selections */
8890@define-color theme_selected_bg_color #5657f5;
8891/*
8892text/foreground color of selections */
8893@define-color theme_selected_fg_color #FFFFFF;
8894/*
8895base background color of insensitive widgets */
8896@define-color insensitive_bg_color #f4f4f9;
8897/*
8898text foreground color of insensitive widgets */
8899@define-color insensitive_fg_color alpha(currentColor, 0.5);
8900/*
8901insensitive text widgets and the like base background color */
8902@define-color insensitive_base_color #eaeaf4;
8903/*
8904widget text/foreground color on backdrop windows */
8905@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.75);
8906/*
8907text color for entries, views and content in general on backdrop windows */
8908@define-color theme_unfocused_text_color currentColor;
8909/*
8910widget base background color on backdrop windows */
8911@define-color theme_unfocused_bg_color #f4f4f9;
8912/*
8913text widgets and the like base background color on backdrop windows */
8914@define-color theme_unfocused_base_color #FFFFFF;
8915/*
8916base background color of selections on backdrop windows */
8917@define-color theme_unfocused_selected_bg_color #5657f5;
8918/*
8919text/foreground color of selections on backdrop windows */
8920@define-color theme_unfocused_selected_fg_color #FFFFFF;
8921/*
8922insensitive color on backdrop windows */
8923@define-color unfocused_insensitive_color alpha(currentColor, 0.5);
8924/*
8925widgets main borders color */
8926@define-color borders alpha(currentColor, 0.12);
8927/*
8928widgets main borders color on backdrop windows */
8929@define-color unfocused_borders alpha(currentColor, 0.12);
8930/*
8931these are pretty self explicative */
8932@define-color warning_color #FF6D00;
8933@define-color error_color #DD2C00;
8934@define-color success_color #00C853;
8935/*
8936FIXME this is really an API */
8937@define-color content_view_bg #FFFFFF;
8938@define-color placeholder_text_color #757575;
8939/* Very contrasty background for text views (@theme_text_color foreground) */
8940@define-color text_view_bg #FFFFFF;
8941@define-color budgie_tasklist_indicator_color #7C4DFF;
8942@define-color budgie_tasklist_indicator_color_active #7C4DFF;
8943@define-color budgie_tasklist_indicator_color_active_window rgba(90, 62, 174, 0.931);
8944@define-color budgie_tasklist_indicator_color_attention #FF6D00;
8945@define-color STRAWBERRY_100 #FF9262;
8946@define-color STRAWBERRY_300 #FF793E;
8947@define-color STRAWBERRY_500 #F15D22;
8948@define-color STRAWBERRY_700 #CF3B00;
8949@define-color STRAWBERRY_900 #AC1800;
8950@define-color ORANGE_100 #FFDB91;
8951@define-color ORANGE_300 #FFCA40;
8952@define-color ORANGE_500 #FAA41A;
8953@define-color ORANGE_700 #DE8800;
8954@define-color ORANGE_900 #C26C00;
8955@define-color BANANA_100 #FFFFA8;
8956@define-color BANANA_300 #FFFA7D;
8957@define-color BANANA_500 #FFCE51;
8958@define-color BANANA_700 #D1A023;
8959@define-color BANANA_900 #A27100;
8960@define-color LIME_100 #A2F3BE;
8961@define-color LIME_300 #8ADBA6;
8962@define-color LIME_500 #73C48F;
8963@define-color LIME_700 #479863;
8964@define-color LIME_900 #1C6D38;
8965@define-color BLUEBERRY_100 #94A6FF;
8966@define-color BLUEBERRY_300 #6A7CE0;
8967@define-color BLUEBERRY_500 #3F51B5;
8968@define-color BLUEBERRY_700 #213397;
8969@define-color BLUEBERRY_900 #031579;
8970@define-color GRAPE_100 #D25DE6;
8971@define-color GRAPE_300 #B84ACB;
8972@define-color GRAPE_500 #9C27B0;
8973@define-color GRAPE_700 #830E97;
8974@define-color GRAPE_900 #6A007E;
8975@define-color COCOA_100 #9F9792;
8976@define-color COCOA_300 #7B736E;
8977@define-color COCOA_500 #574F4A;
8978@define-color COCOA_700 #463E39;
8979@define-color COCOA_900 #342C27;
8980@define-color SILVER_100 #EEE;
8981@define-color SILVER_300 #CCC;
8982@define-color SILVER_500 #AAA;
8983@define-color SILVER_700 #888;
8984@define-color SILVER_900 #666;
8985@define-color SLATE_100 #888;
8986@define-color SLATE_300 #666;
8987@define-color SLATE_500 #444;
8988@define-color SLATE_700 #222;
8989@define-color SLATE_900 #111;
8990@define-color BLACK_100 #474341;
8991@define-color BLACK_300 #403C3A;
8992@define-color BLACK_500 #393634;
8993@define-color BLACK_700 #33302F;
8994@define-color BLACK_900 #2B2928;
8995