/*
* Copyright 2020 elementary, Inc. (https://elementary.io)
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public
* License as published by the Free Software Foundation; either
* version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
* General Public License for more details.
*
* You should have received a copy of the GNU General Public
* License along with this program; if not, write to the
* Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
* Boston, MA 02110-1301 USA.
*/
@define-color STRAWBERRY_100 #ff8c82;
@define-color STRAWBERRY_300 #ed5353;
@define-color STRAWBERRY_500 #c6262e;
@define-color STRAWBERRY_700 #a10705;
@define-color STRAWBERRY_900 #7a0000;
@define-color ORANGE_100 #ffc27d;
@define-color ORANGE_300 #ffa154;
@define-color ORANGE_500 #f37329;
@define-color ORANGE_700 #cc3b02;
@define-color ORANGE_900 #a62100;
@define-color BANANA_100 #fff394;
@define-color BANANA_300 #ffe16b;
@define-color BANANA_500 #f9c440;
@define-color BANANA_700 #d48e15;
@define-color BANANA_900 #ad5f00;
@define-color LIME_100 #d1ff82;
@define-color LIME_300 #9bdb4d;
@define-color LIME_500 #68b723;
@define-color LIME_700 #3a9104;
@define-color LIME_900 #206b00;
@define-color MINT_100 #89ffdd;
@define-color MINT_300 #43d6b5;
@define-color MINT_500 #28bca3;
@define-color MINT_700 #0e9a83;
@define-color MINT_900 #007367;
@define-color BLUEBERRY_100 #8cd5ff;
@define-color BLUEBERRY_300 #64baff;
@define-color BLUEBERRY_500 #3689e6;
@define-color BLUEBERRY_700 #0d52bf;
@define-color BLUEBERRY_900 #002e99;
@define-color BUBBLEGUM_100 #fe9ab8;
@define-color BUBBLEGUM_300 #f4679d;
@define-color BUBBLEGUM_500 #de3e80;
@define-color BUBBLEGUM_700 #bc245d;
@define-color BUBBLEGUM_900 #910e38;
@define-color GRAPE_100 #e4c6fa;
@define-color GRAPE_300 #cd9ef7;
@define-color GRAPE_500 #a56de2;
@define-color GRAPE_700 #7239b3;
@define-color GRAPE_900 #452981;
@define-color COCOA_100 #a3907c;
@define-color COCOA_300 #8a715e;
@define-color COCOA_500 #715344;
@define-color COCOA_700 #57392d;
@define-color COCOA_900 #3d211b;
@define-color SILVER_100 #fafafa;
@define-color SILVER_300 #d4d4d4;
@define-color SILVER_500 #abacae;
@define-color SILVER_700 #7e8087;
@define-color SILVER_900 #555761;
@define-color SLATE_100 #95a3ab;
@define-color SLATE_300 #667885;
@define-color SLATE_500 #485a6c;
@define-color SLATE_700 #273445;
@define-color SLATE_900 #0e141f;
@define-color BLACK_100 #666;
@define-color BLACK_300 #4d4d4d;
@define-color BLACK_500 #333;
@define-color BLACK_700 #1a1a1a;
@define-color BLACK_900 #000;
/* Accent Shades */
@define-color accent_color_100 @GRAPE_100;
@define-color accent_color_300 @GRAPE_300;
@define-color accent_color_500 @GRAPE_500;
@define-color accent_color_700 @GRAPE_700;
@define-color accent_color_900 @GRAPE_900;
@define-color accent_color mix(@GRAPE_300, @GRAPE_500, 0.5);
actionbar,
.bottom-toolbar, switch slider, switch:checked:not(.mode-switch):not(:backdrop), scale slider, progressbar.horizontal progress:backdrop, progressbar.horizontal trough, levelbar.horizontal block, assistant headerbar,
assistant .titlebar,
printdialog headerbar,
printdialog .titlebar,
window headerbar,
window .titlebar, check,
radio, .linked button.flat, .linked .sidebar .inline-toolbar button, .linked .sidebar actionbar.flat button,
.linked .sidebar .bottom-toolbar.flat button,
.linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button,
.linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button,
.linked .sidebar tab .bottom-toolbar.tab-close-button button,
tab .linked .sidebar .bottom-toolbar.tab-close-button button,
.linked .sidebar tab .bottom-toolbar.tab-indicator button,
tab .linked .sidebar .bottom-toolbar.tab-indicator button,
popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button, .sidebar .inline-toolbar .linked button, .sidebar actionbar.flat .linked button,
.sidebar .bottom-toolbar.flat .linked button,
.sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button,
.sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button,
.sidebar tab .bottom-toolbar.tab-close-button .linked button,
tab .sidebar .bottom-toolbar.tab-close-button .linked button,
.sidebar tab .bottom-toolbar.tab-indicator .linked button,
tab .sidebar .bottom-toolbar.tab-indicator .linked button, .linked .sidebar popover.emoji-picker .emoji-toolbar button, .sidebar popover.emoji-picker .emoji-toolbar .linked button, .linked popover.emoji-picker .sidebar .emoji-toolbar button, popover.emoji-picker .sidebar .emoji-toolbar .linked button, .linked tab button.tab-close-button, tab .linked button.tab-close-button,
.linked tab button.tab-indicator,
tab .linked button.tab-indicator, .linked window.dialog.csd > button.titlebar, .linked window.csd.aboutdialog > button.titlebar, .linked button.image-button, .linked button.image-button:not(.text-button), button.circular.image-button, button.model.image-button, button.raised.image-button, button, avatar {
  background-image: linear-gradient(to bottom, alpha(@highlight_color, 0.2), rgba(255, 255, 255, 0)); }
  actionbar:backdrop,
  .bottom-toolbar:backdrop, switch slider:backdrop, switch:backdrop:checked:not(.mode-switch):not(:backdrop), scale slider:backdrop, progressbar.horizontal progress:backdrop, progressbar.horizontal trough:backdrop, levelbar.horizontal block:backdrop, assistant headerbar:backdrop,
  assistant .titlebar:backdrop,
  printdialog headerbar:backdrop,
  printdialog .titlebar:backdrop,
  window headerbar:backdrop,
  window .titlebar:backdrop, check:backdrop,
  radio:backdrop, .linked button.flat:backdrop, .linked .sidebar .inline-toolbar button:backdrop, .linked .sidebar actionbar.flat button:backdrop,
  .linked .sidebar .bottom-toolbar.flat button:backdrop,
  .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button:backdrop,
  .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button:backdrop,
  .linked .sidebar tab .bottom-toolbar.tab-close-button button:backdrop,
  tab .linked .sidebar .bottom-toolbar.tab-close-button button:backdrop,
  .linked .sidebar tab .bottom-toolbar.tab-indicator button:backdrop,
  tab .linked .sidebar .bottom-toolbar.tab-indicator button:backdrop,
  popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button:backdrop, .sidebar .inline-toolbar .linked button:backdrop, .sidebar actionbar.flat .linked button:backdrop,
  .sidebar .bottom-toolbar.flat .linked button:backdrop,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button:backdrop,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button:backdrop,
  .sidebar tab .bottom-toolbar.tab-close-button .linked button:backdrop,
  tab .sidebar .bottom-toolbar.tab-close-button .linked button:backdrop,
  .sidebar tab .bottom-toolbar.tab-indicator .linked button:backdrop,
  tab .sidebar .bottom-toolbar.tab-indicator .linked button:backdrop, .linked .sidebar popover.emoji-picker .emoji-toolbar button:backdrop, .sidebar popover.emoji-picker .emoji-toolbar .linked button:backdrop, .linked popover.emoji-picker .sidebar .emoji-toolbar button:backdrop, popover.emoji-picker .sidebar .emoji-toolbar .linked button:backdrop, .linked tab button.tab-close-button:backdrop, tab .linked button.tab-close-button:backdrop,
  .linked tab button.tab-indicator:backdrop,
  tab .linked button.tab-indicator:backdrop, .linked window.dialog.csd > button.titlebar:backdrop, .linked window.csd.aboutdialog > button.titlebar:backdrop, .linked button.image-button:backdrop, button.circular.image-button:backdrop, button.model.image-button:backdrop, button.raised.image-button:backdrop, button:backdrop, avatar:backdrop {
    background-image: linear-gradient(to bottom, alpha(@highlight_color, 0.35), alpha(@highlight_color, 0.3)); }

progressbar.vertical progress,
progressbar.vertical trough, levelbar.vertical block {
  background-image: linear-gradient(to right, alpha(@highlight_color, 0.2), rgba(255, 255, 255, 0)); }
  progressbar.vertical progress:backdrop,
  progressbar.vertical trough:backdrop, levelbar.vertical block:backdrop {
    background-image: linear-gradient(to right, alpha(@highlight_color, 0.35), alpha(@highlight_color, 0.3)); }

.spin {
  animation: spin 600ms linear infinite; }

@keyframes spin {
  to {
    -gtk-icon-transform: rotate(1turn); } }

@define-color highlight_color white;
@define-color color_primary #dfdfdf;
@define-color placeholder_text_color #666666;
@define-color error_color #c6262e;
@define-color success_color #3a9104;
@define-color warning_color #ad5f00;
@define-color menu_separator rgba(0, 0, 0, 0.15);
@define-color menu_separator_shadow rgba(255, 255, 255, 0.8);
@define-color selected_bg_color alpha(@accent_color, 0.25);
@define-color selected_fg_color shade(@accent_color, 0.5);
@define-color theme_unfocused_selected_bg_color alpha(@text_color, 0.10);
@define-color theme_unfocused_selected_fg_color #333;
@define-color tab_base_color white;
@define-color base_color white;
@define-color theme_base_color white;
@define-color theme_unfocused_base_color white;
@define-color insensitive_base_color rgba(0, 0, 0, 0.03);
@define-color borders rgba(0, 0, 0, 0.2);
@define-color unfocused_borders rgba(0, 0, 0, 0.2);
@define-color bg_color #fafafa;
@define-color theme_bg_color #fafafa;
@define-color content_view_bg #fafafa;
@define-color insensitive_bg_color #f1f1f1;
@define-color theme_unfocused_bg_color #fafafa;
@define-color fg_color #333;
@define-color theme_fg_color #333;
@define-color insensitive_fg_color #979797;
@define-color unfocused_insensitive_color #979797;
@define-color text_color #333;
@define-color theme_text_color #333;
@define-color theme_unfocused_fg_color #333;
@define-color theme_unfocused_text_color #333;
@define-color theme_selected_bg_color @selected_bg_color;
@define-color theme_selected_fg_color @selected_fg_color;
@define-color wm_shadow rgba(0, 0, 0, 0.2);
overshoot.left,
overshoot.right,
overshoot.top,
overshoot.bottom,
undershoot.left,
undershoot.right,
undershoot.top,
undershoot.bottom {
  background-image: none;
  background-color: transparent;
  border: none;
  box-shadow: none; }

overshoot.top {
  background: linear-gradient(to top, alpha(@accent_color, 0) 80%, alpha(@accent_color, 0.25) 100%); }

overshoot.right {
  background: linear-gradient(to right, alpha(@accent_color, 0) 80%, alpha(@accent_color, 0.25) 100%); }

overshoot.bottom {
  background: linear-gradient(to bottom, alpha(@accent_color, 0) 80%, alpha(@accent_color, 0.25) 100%); }

overshoot.left {
  background: linear-gradient(to left, alpha(@accent_color, 0) 80%, alpha(@accent_color, 0.25) 100%); }

:backdrop overshoot.top {
  background: linear-gradient(to top, rgba(51, 51, 51, 0) 80%, rgba(51, 51, 51, 0.15) 100%); }

:backdrop overshoot.right {
  background: linear-gradient(to right, rgba(51, 51, 51, 0) 80%, rgba(51, 51, 51, 0.15) 100%); }

:backdrop overshoot.bottom {
  background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 80%, rgba(51, 51, 51, 0.15) 100%); }

:backdrop overshoot.left {
  background: linear-gradient(to left, rgba(51, 51, 51, 0) 80%, rgba(51, 51, 51, 0.15) 100%); }

.h1,
.title-1 {
  font-size: 24pt;
  font-weight: 700;
  letter-spacing: -0.04em; }

.h2,
.title-2 {
  font-weight: 300;
  font-size: 18pt;
  letter-spacing: -0.05em; }

.h3,
.title-3 {
  font-size: 11pt; }

label.h4, shortcuts-group > label, popover.emoji-picker scrolledwindow.view box.vertical > label,
.h4 label,
shortcuts-group > label label,
popover.emoji-picker scrolledwindow.view box.vertical > label label,
.heading,
.title-4,
.title-4 label {
  font-weight: 700;
  opacity: 0.8;
  padding-bottom: 0.5em;
  padding-top: 0.5em; }

.dialog .dialog-vbox .title, window.aboutdialog .dialog-vbox .title,
.primary {
  font-weight: 500;
  font-size: 1.22em; }

.small-label, viewswitcher button stack > box.narrow, scale mark label {
  font-size: 0.85em; }

.accent, calendar.view .day-number.today, button.link,
link {
  color: shade(@accent_color, 0.75); }
  .accent.red, calendar.view .red.day-number.today, button.red.link,
  link.red {
    color: #c6262e; }
  .accent.orange, calendar.view .orange.day-number.today, button.orange.link,
  link.orange {
    color: #cc3b02; }
  .accent.yellow, calendar.view .yellow.day-number.today, button.yellow.link,
  link.yellow {
    color: #c1770b; }
  .accent.green, calendar.view .green.day-number.today, button.green.link,
  link.green {
    color: #2d7e02; }
  .accent.blue, calendar.view .blue.day-number.today, button.blue.link,
  link.blue {
    color: #226ed3; }
  .accent.purple, calendar.view .purple.day-number.today, button.purple.link,
  link.purple {
    color: #8c53cb; }
  .accent.brown, calendar.view .brown.day-number.today, button.brown.link,
  link.brown {
    color: #8a715e; }
  .accent.mint, calendar.view .mint.day-number.today, button.mint.link,
  link.mint {
    color: #0e9a83; }
  .accent.pink, calendar.view .pink.day-number.today, button.pink.link,
  link.pink {
    color: #cd316f; }
  .accent.slate, calendar.view .slate.day-number.today, button.slate.link,
  link.slate {
    color: #5f717f; }
  .accent:backdrop, calendar.view .day-number.today:backdrop, button.link:backdrop,
  link:backdrop {
    color: #333;
    opacity: 0.6; }

button.link,
link {
  text-decoration: underline; }

.dim-label, scale mark label, placeholder box button label:not(.title-3), placeholder .title-2,
:visited {
  opacity: 0.75; }

label:disabled {
  color: #979797; }

:link:hover label {
  text-decoration: underline; }

.monospace {
  font-family: monospace; }

selection, flowboxchild:focus:selected, iconview.view.cell:focus:selected, treeview.view.cell:focus:selected, list row:focus:selected,
listview row:focus:selected, dropdown popover listview row.activatable image:last-child, columnview listview row:focus:selected, calendar.view .day-number:selected, .linked button.flat.suggested-action:not(:disabled), .linked .sidebar .inline-toolbar button.suggested-action:not(:disabled), .linked .sidebar actionbar.flat button.suggested-action:not(:disabled),
.linked .sidebar .bottom-toolbar.flat button.suggested-action:not(:disabled),
.linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.suggested-action:not(:disabled),
.linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.suggested-action:not(:disabled),
.linked .sidebar tab .bottom-toolbar.tab-close-button button.suggested-action:not(:disabled),
tab .linked .sidebar .bottom-toolbar.tab-close-button button.suggested-action:not(:disabled),
.linked .sidebar tab .bottom-toolbar.tab-indicator button.suggested-action:not(:disabled),
tab .linked .sidebar .bottom-toolbar.tab-indicator button.suggested-action:not(:disabled),
popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested-action:not(:disabled), .sidebar .inline-toolbar .linked button.suggested-action:not(:disabled), .sidebar actionbar.flat .linked button.suggested-action:not(:disabled),
.sidebar .bottom-toolbar.flat .linked button.suggested-action:not(:disabled),
.sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button.suggested-action:not(:disabled),
.sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button.suggested-action:not(:disabled),
.sidebar tab .bottom-toolbar.tab-close-button .linked button.suggested-action:not(:disabled),
tab .sidebar .bottom-toolbar.tab-close-button .linked button.suggested-action:not(:disabled),
.sidebar tab .bottom-toolbar.tab-indicator .linked button.suggested-action:not(:disabled),
tab .sidebar .bottom-toolbar.tab-indicator .linked button.suggested-action:not(:disabled), .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested-action:not(:disabled), .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested-action:not(:disabled), .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested-action:not(:disabled), popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested-action:not(:disabled), .linked tab button.suggested-action.tab-close-button:not(:disabled), tab .linked button.suggested-action.tab-close-button:not(:disabled),
.linked tab button.suggested-action.tab-indicator:not(:disabled),
tab .linked button.suggested-action.tab-indicator:not(:disabled), .linked window.dialog.csd > button.suggested-action.titlebar:not(:disabled), .linked window.csd.aboutdialog > button.suggested-action.titlebar:not(:disabled), .linked button.image-button.suggested-action:not(:disabled), button.circular.image-button.suggested-action:not(:disabled), button.model.image-button.suggested-action:not(:disabled), button.raised.image-button.suggested-action:not(:disabled), button.suggested-action:not(:disabled), button.flat:focus, .sidebar .inline-toolbar button:focus, .sidebar actionbar.flat button:focus,
.sidebar .bottom-toolbar.flat button:focus,
.sidebar window.dialog.csd > .bottom-toolbar.titlebar button:focus,
.sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button:focus,
.sidebar tab .bottom-toolbar.tab-close-button button:focus,
tab .sidebar .bottom-toolbar.tab-close-button button:focus,
.sidebar tab .bottom-toolbar.tab-indicator button:focus,
tab .sidebar .bottom-toolbar.tab-indicator button:focus, .sidebar popover.emoji-picker .emoji-toolbar button:focus, popover.emoji-picker .sidebar .emoji-toolbar button:focus, tab button.tab-close-button:focus,
tab button.tab-indicator:focus, window.dialog.csd > button.titlebar:focus, window.csd.aboutdialog > button.titlebar:focus, button.image-button:not(.text-button):focus, .badge.flat, .sidebar .inline-toolbar button.badge, .sidebar actionbar.flat button.badge,
.sidebar .bottom-toolbar.flat button.badge,
.sidebar window.dialog.csd > .bottom-toolbar.titlebar button.badge,
.sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.badge,
.sidebar tab .bottom-toolbar.tab-close-button button.badge,
tab .sidebar .bottom-toolbar.tab-close-button button.badge,
.sidebar tab .bottom-toolbar.tab-indicator button.badge,
tab .sidebar .bottom-toolbar.tab-indicator button.badge, .sidebar popover.emoji-picker .emoji-toolbar button.badge, popover.emoji-picker .sidebar .emoji-toolbar button.badge, tab .badge.tab-close-button,
tab .badge.tab-indicator, window.dialog.csd > .badge.titlebar, window.csd.aboutdialog > .badge.titlebar {
  background-color: @selected_bg_color;
  color: @selected_fg_color; }
  selection:backdrop, flowboxchild:backdrop:focus:selected, iconview.view.cell:backdrop:focus:selected, treeview.view.cell:backdrop:focus:selected, list row:backdrop:focus:selected,
  listview row:backdrop:focus:selected, dropdown popover listview row.activatable image:backdrop:last-child, calendar.view .day-number:backdrop:selected, .linked button.flat.suggested-action:backdrop:not(:disabled), .linked .sidebar .inline-toolbar button.suggested-action:backdrop:not(:disabled), .linked .sidebar actionbar.flat button.suggested-action:backdrop:not(:disabled),
  .linked .sidebar .bottom-toolbar.flat button.suggested-action:backdrop:not(:disabled),
  .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.suggested-action:backdrop:not(:disabled),
  .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.suggested-action:backdrop:not(:disabled),
  .linked .sidebar tab .bottom-toolbar.tab-close-button button.suggested-action:backdrop:not(:disabled),
  tab .linked .sidebar .bottom-toolbar.tab-close-button button.suggested-action:backdrop:not(:disabled),
  .linked .sidebar tab .bottom-toolbar.tab-indicator button.suggested-action:backdrop:not(:disabled),
  tab .linked .sidebar .bottom-toolbar.tab-indicator button.suggested-action:backdrop:not(:disabled),
  popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested-action:backdrop:not(:disabled), .sidebar .inline-toolbar .linked button.suggested-action:backdrop:not(:disabled), .sidebar actionbar.flat .linked button.suggested-action:backdrop:not(:disabled),
  .sidebar .bottom-toolbar.flat .linked button.suggested-action:backdrop:not(:disabled),
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button.suggested-action:backdrop:not(:disabled),
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button.suggested-action:backdrop:not(:disabled),
  .sidebar tab .bottom-toolbar.tab-close-button .linked button.suggested-action:backdrop:not(:disabled),
  tab .sidebar .bottom-toolbar.tab-close-button .linked button.suggested-action:backdrop:not(:disabled),
  .sidebar tab .bottom-toolbar.tab-indicator .linked button.suggested-action:backdrop:not(:disabled),
  tab .sidebar .bottom-toolbar.tab-indicator .linked button.suggested-action:backdrop:not(:disabled), .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested-action:backdrop:not(:disabled), .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested-action:backdrop:not(:disabled), .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested-action:backdrop:not(:disabled), popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested-action:backdrop:not(:disabled), .linked tab button.suggested-action.tab-close-button:backdrop:not(:disabled), tab .linked button.suggested-action.tab-close-button:backdrop:not(:disabled),
  .linked tab button.suggested-action.tab-indicator:backdrop:not(:disabled),
  tab .linked button.suggested-action.tab-indicator:backdrop:not(:disabled), .linked window.dialog.csd > button.suggested-action.titlebar:backdrop:not(:disabled), .linked window.csd.aboutdialog > button.suggested-action.titlebar:backdrop:not(:disabled), .linked button.image-button.suggested-action:backdrop:not(:disabled), button.circular.image-button.suggested-action:backdrop:not(:disabled), button.model.image-button.suggested-action:backdrop:not(:disabled), button.raised.image-button.suggested-action:backdrop:not(:disabled), button.suggested-action:backdrop:not(:disabled), button.flat:backdrop:focus, .sidebar .inline-toolbar button:backdrop:focus, .sidebar actionbar.flat button:backdrop:focus,
  .sidebar .bottom-toolbar.flat button:backdrop:focus,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar button:backdrop:focus,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button:backdrop:focus,
  .sidebar tab .bottom-toolbar.tab-close-button button:backdrop:focus,
  tab .sidebar .bottom-toolbar.tab-close-button button:backdrop:focus,
  .sidebar tab .bottom-toolbar.tab-indicator button:backdrop:focus,
  tab .sidebar .bottom-toolbar.tab-indicator button:backdrop:focus, .sidebar popover.emoji-picker .emoji-toolbar button:backdrop:focus, popover.emoji-picker .sidebar .emoji-toolbar button:backdrop:focus, tab button.tab-close-button:backdrop:focus,
  tab button.tab-indicator:backdrop:focus, window.dialog.csd > button.titlebar:backdrop:focus, window.csd.aboutdialog > button.titlebar:backdrop:focus, button.image-button:backdrop:not(.text-button):focus, .badge.flat:backdrop, .sidebar .inline-toolbar button.badge:backdrop, .sidebar actionbar.flat button.badge:backdrop,
  .sidebar .bottom-toolbar.flat button.badge:backdrop,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.badge:backdrop,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.badge:backdrop,
  .sidebar tab .bottom-toolbar.tab-close-button button.badge:backdrop,
  tab .sidebar .bottom-toolbar.tab-close-button button.badge:backdrop,
  .sidebar tab .bottom-toolbar.tab-indicator button.badge:backdrop,
  tab .sidebar .bottom-toolbar.tab-indicator button.badge:backdrop, .sidebar popover.emoji-picker .emoji-toolbar button.badge:backdrop, popover.emoji-picker .sidebar .emoji-toolbar button.badge:backdrop, tab .badge.tab-close-button:backdrop,
  tab .badge.tab-indicator:backdrop, window.dialog.csd > .badge.titlebar:backdrop, window.csd.aboutdialog > .badge.titlebar:backdrop {
    background-color: @theme_unfocused_selected_bg_color;
    color: @theme_unfocused_selected_fg_color; }

.checkerboard {
  background-color: #f1f1f1;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 0.750000001rem, transparent 0.750000001rem, transparent 2.1666666677rem, rgba(0, 0, 0, 0.05) 2.1666666677rem, rgba(0, 0, 0, 0.05)), linear-gradient(45deg, rgba(0, 0, 0, 0.05) 0.750000001rem, transparent 0.750000001rem, transparent 2.1666666677rem, rgba(0, 0, 0, 0.05) 2.1666666677rem, rgba(0, 0, 0, 0.05));
  background-size: 2.000000001rem 2.000000001rem;
  background-position: 0 0, 1.000000001rem 1.000000001rem; }

.circular {
  border-radius: 9999px; }

.error {
  color: @error_color; }

.success {
  color: @success_color; }

.warning {
  color: @warning_color; }

.avatar,
avatar {
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 50%;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

avatar {
  background-color: @accent_color_300;
  border-color: alpha(@accent_color_500, 0.5);
  color: @accent_color_900; }
  avatar.color1 {
    background-color: #64baff;
    border-color: rgba(54, 137, 230, 0.5);
    color: #002e99; }
  avatar.color2 {
    background-color: #8cd5ff;
    border-color: rgba(100, 186, 255, 0.5);
    color: #0d52bf; }
  avatar.color3 {
    background-color: #43d6b5;
    border-color: rgba(40, 188, 163, 0.5);
    color: #007367; }
  avatar.color4 {
    background-color: #9bdb4d;
    border-color: rgba(104, 183, 35, 0.5);
    color: #206b00; }
  avatar.color5 {
    background-color: #f9c440;
    border-color: rgba(212, 142, 21, 0.5);
    color: #ad5f00; }
  avatar.color6 {
    background-color: #fcb34a;
    border-color: rgba(228, 129, 31, 0.5);
    color: #aa4000; }
  avatar.color7 {
    background-color: #ffa154;
    border-color: rgba(243, 115, 41, 0.5);
    color: #a62100; }
  avatar.color8 {
    background-color: #ed5353;
    border-color: rgba(198, 38, 46, 0.5);
    color: #7a0000; }
  avatar.color9 {
    background-color: #f4679d;
    border-color: rgba(222, 62, 128, 0.5);
    color: #910e38; }
  avatar.color10 {
    background-color: #cd9ef7;
    border-color: rgba(165, 109, 226, 0.5);
    color: #452981; }
  avatar.color11 {
    background-color: #6d78db;
    border-color: rgba(89, 96, 209, 0.5);
    color: #232c8d; }
  avatar.color12 {
    background-color: #d1c288;
    border-color: rgba(181, 140, 66, 0.5);
    color: #895818; }
  avatar.color13 {
    background-color: #8a715e;
    border-color: rgba(113, 83, 68, 0.5);
    color: #3d211b; }
  avatar.color14 {
    background-color: #667885;
    border-color: rgba(72, 90, 108, 0.5);
    color: #0e141f; }
  avatar.image {
    border-color: rgba(0, 0, 0, 0.2);
    background: none; }

.badge {
  background-image: linear-gradient(to bottom, #ed5353, #c6262e);
  border: 1px solid #a10705;
  border-radius: 99px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  color: white;
  font-weight: 700;
  min-height: 1.8333333343rem;
  min-width: 1.8333333343rem;
  text-shadow: 0 1px 1px #7a0000; }
  .badge.flat, .sidebar .inline-toolbar button.badge, .sidebar actionbar.flat button.badge,
  .sidebar .bottom-toolbar.flat button.badge,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.badge,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.badge,
  .sidebar tab .bottom-toolbar.tab-close-button button.badge,
  tab .sidebar .bottom-toolbar.tab-close-button button.badge,
  .sidebar tab .bottom-toolbar.tab-indicator button.badge,
  tab .sidebar .bottom-toolbar.tab-indicator button.badge, .sidebar popover.emoji-picker .emoji-toolbar button.badge, popover.emoji-picker .sidebar .emoji-toolbar button.badge, tab .badge.tab-close-button,
  tab .badge.tab-indicator, window.dialog.csd > .badge.titlebar, window.csd.aboutdialog > .badge.titlebar, .sidebar .badge, .badge.sidebar.view.cell {
    background-image: none;
    border-width: 0;
    box-shadow: none;
    margin: 0 3px;
    padding: 0 0.500000001rem;
    text-shadow: none; }
  .sidebar .badge, .badge.sidebar.view.cell {
    background-color: alpha(@text_color, 0.1);
    color: alpha(@text_color, 0.7); }
  .badge.flat, .sidebar .inline-toolbar button.badge, .sidebar actionbar.flat button.badge,
  .sidebar .bottom-toolbar.flat button.badge,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.badge,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.badge,
  .sidebar tab .bottom-toolbar.tab-close-button button.badge,
  tab .sidebar .bottom-toolbar.tab-close-button button.badge,
  .sidebar tab .bottom-toolbar.tab-indicator button.badge,
  tab .sidebar .bottom-toolbar.tab-indicator button.badge, .sidebar popover.emoji-picker .emoji-toolbar button.badge, popover.emoji-picker .sidebar .emoji-toolbar button.badge, tab .badge.tab-close-button,
  tab .badge.tab-indicator, window.dialog.csd > .badge.titlebar, window.csd.aboutdialog > .badge.titlebar {
    min-height: 0;
    min-width: 1.3333333343rem; }
    row:selected:not(:focus) .badge.flat, row:selected:not(:focus) .sidebar .inline-toolbar button.badge, row:selected:not(:focus) .sidebar actionbar.flat button.badge,
    row:selected:not(:focus) .sidebar .bottom-toolbar.flat button.badge,
    row:selected:not(:focus) .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.badge,
    row:selected:not(:focus) .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.badge,
    row:selected:not(:focus) .sidebar tab .bottom-toolbar.tab-close-button button.badge,
    tab row:selected:not(:focus) .sidebar .bottom-toolbar.tab-close-button button.badge,
    row:selected:not(:focus) .sidebar tab .bottom-toolbar.tab-indicator button.badge,
    tab row:selected:not(:focus) .sidebar .bottom-toolbar.tab-indicator button.badge,
    popover.emoji-picker row:selected:not(:focus) .sidebar .emoji-toolbar button.bottom-toolbar button.badge, .sidebar .inline-toolbar row:selected:not(:focus) button.badge, .sidebar actionbar.flat row:selected:not(:focus) button.badge,
    .sidebar .bottom-toolbar.flat row:selected:not(:focus) button.badge,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar row:selected:not(:focus) button.badge,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar row:selected:not(:focus) button.badge,
    .sidebar tab .bottom-toolbar.tab-close-button row:selected:not(:focus) button.badge,
    tab .sidebar .bottom-toolbar.tab-close-button row:selected:not(:focus) button.badge,
    .sidebar tab .bottom-toolbar.tab-indicator row:selected:not(:focus) button.badge,
    tab .sidebar .bottom-toolbar.tab-indicator row:selected:not(:focus) button.badge, row:selected:not(:focus) .sidebar popover.emoji-picker .emoji-toolbar button.badge, .sidebar popover.emoji-picker .emoji-toolbar row:selected:not(:focus) button.badge, row:selected:not(:focus) popover.emoji-picker .sidebar .emoji-toolbar button.badge, popover.emoji-picker .sidebar .emoji-toolbar row:selected:not(:focus) button.badge, row:selected:not(:focus) tab .badge.tab-close-button, tab row:selected:not(:focus) .badge.tab-close-button,
    row:selected:not(:focus) tab .badge.tab-indicator,
    tab row:selected:not(:focus) .badge.tab-indicator, row:selected:not(:focus) window.dialog.csd > .badge.titlebar, row:selected:not(:focus) window.csd.aboutdialog > .badge.titlebar {
      color: inherit;
      background: rgba(51, 51, 51, 0.15); }

.buttonbox button.text-button,
.dialog-action-area button.text-button {
  min-width: 5.000000001rem; }

.buttonbox button:dir(ltr) + button,
.dialog-action-area button:dir(ltr) + button {
  margin-left: 0.500000001rem; }

.buttonbox button:dir(rtl) + button,
.dialog-action-area button:dir(rtl) + button {
  margin-right: 0.500000001rem; }

button {
  background-clip: padding-box;
  border-radius: 0.250000001rem;
  color: @fg_color;
  font-weight: 500;
  padding: 0.3333333343rem 0.5833333343rem;
  transition: background 100ms cubic-bezier(0.4, 0, 0.2, 1); }
  button.flat, .sidebar .inline-toolbar button, .sidebar actionbar.flat button,
  .sidebar .bottom-toolbar.flat button,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar button,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button,
  .sidebar tab .bottom-toolbar.tab-close-button button,
  tab .sidebar .bottom-toolbar.tab-close-button button,
  .sidebar tab .bottom-toolbar.tab-indicator button,
  tab .sidebar .bottom-toolbar.tab-indicator button,
  .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar button,
  popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar button, .sidebar popover.emoji-picker .emoji-toolbar button, popover.emoji-picker .sidebar .emoji-toolbar button, tab button.tab-close-button,
  tab button.tab-indicator, window.dialog.csd > button.titlebar, window.csd.aboutdialog > button.titlebar, button.image-button:not(.text-button) {
    background: none;
    border: none;
    box-shadow: none; }
    button.flat:checked, .sidebar .inline-toolbar button:checked, .sidebar actionbar.flat button:checked,
    .sidebar .bottom-toolbar.flat button:checked,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar button:checked,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button:checked,
    .sidebar tab .bottom-toolbar.tab-close-button button:checked,
    tab .sidebar .bottom-toolbar.tab-close-button button:checked,
    .sidebar tab .bottom-toolbar.tab-indicator button:checked,
    tab .sidebar .bottom-toolbar.tab-indicator button:checked, .sidebar popover.emoji-picker .emoji-toolbar button:checked, popover.emoji-picker .sidebar .emoji-toolbar button:checked, tab button.tab-close-button:checked,
    tab button.tab-indicator:checked, window.dialog.csd > button.titlebar:checked, window.csd.aboutdialog > button.titlebar:checked, button.image-button:not(.text-button):checked {
      background: rgba(51, 51, 51, 0.15); }
    button.flat:focus, .sidebar .inline-toolbar button:focus, .sidebar actionbar.flat button:focus,
    .sidebar .bottom-toolbar.flat button:focus,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar button:focus,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button:focus,
    .sidebar tab .bottom-toolbar.tab-close-button button:focus,
    tab .sidebar .bottom-toolbar.tab-close-button button:focus,
    .sidebar tab .bottom-toolbar.tab-indicator button:focus,
    tab .sidebar .bottom-toolbar.tab-indicator button:focus, .sidebar popover.emoji-picker .emoji-toolbar button:focus, popover.emoji-picker .sidebar .emoji-toolbar button:focus, tab button.tab-close-button:focus,
    tab button.tab-indicator:focus, window.dialog.csd > button.titlebar:focus, window.csd.aboutdialog > button.titlebar:focus, button.image-button:not(.text-button):focus {
      outline-style: none; }
    headerbar button.flat, headerbar .sidebar .inline-toolbar button, headerbar .sidebar actionbar.flat button,
    headerbar .sidebar .bottom-toolbar.flat button,
    headerbar .sidebar window.dialog.csd > .bottom-toolbar.titlebar button,
    headerbar .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button,
    headerbar .sidebar tab .bottom-toolbar.tab-close-button button,
    tab headerbar .sidebar .bottom-toolbar.tab-close-button button,
    headerbar .sidebar tab .bottom-toolbar.tab-indicator button,
    tab headerbar .sidebar .bottom-toolbar.tab-indicator button,
    headerbar .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar button,
    headerbar popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar button,
    popover.emoji-picker headerbar .sidebar .emoji-toolbar button.bottom-toolbar button, .sidebar .inline-toolbar headerbar button, .sidebar actionbar.flat headerbar button,
    .sidebar .bottom-toolbar.flat headerbar button,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar headerbar button,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar headerbar button,
    .sidebar tab .bottom-toolbar.tab-close-button headerbar button,
    tab .sidebar .bottom-toolbar.tab-close-button headerbar button,
    .sidebar tab .bottom-toolbar.tab-indicator headerbar button,
    tab .sidebar .bottom-toolbar.tab-indicator headerbar button,
    .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar headerbar button,
    popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar headerbar button, headerbar .sidebar popover.emoji-picker .emoji-toolbar button, .sidebar popover.emoji-picker .emoji-toolbar headerbar button, headerbar popover.emoji-picker .sidebar .emoji-toolbar button, popover.emoji-picker .sidebar .emoji-toolbar headerbar button, headerbar tab button.tab-close-button, tab headerbar button.tab-close-button,
    headerbar tab button.tab-indicator,
    tab headerbar button.tab-indicator, headerbar window.dialog.csd > button.titlebar, headerbar window.csd.aboutdialog > button.titlebar, headerbar button.image-button:not(.text-button) {
      border-radius: 99px; }
  .linked button.flat, .linked .sidebar .inline-toolbar button, .linked .sidebar actionbar.flat button,
  .linked .sidebar .bottom-toolbar.flat button,
  .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button,
  .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button,
  .linked .sidebar tab .bottom-toolbar.tab-close-button button,
  tab .linked .sidebar .bottom-toolbar.tab-close-button button,
  .linked .sidebar tab .bottom-toolbar.tab-indicator button,
  tab .linked .sidebar .bottom-toolbar.tab-indicator button,
  popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button, .sidebar .inline-toolbar .linked button, .sidebar actionbar.flat .linked button,
  .sidebar .bottom-toolbar.flat .linked button,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button,
  .sidebar tab .bottom-toolbar.tab-close-button .linked button,
  tab .sidebar .bottom-toolbar.tab-close-button .linked button,
  .sidebar tab .bottom-toolbar.tab-indicator .linked button,
  tab .sidebar .bottom-toolbar.tab-indicator .linked button, .linked .sidebar popover.emoji-picker .emoji-toolbar button, .sidebar popover.emoji-picker .emoji-toolbar .linked button, .linked popover.emoji-picker .sidebar .emoji-toolbar button, popover.emoji-picker .sidebar .emoji-toolbar .linked button, .linked tab button.tab-close-button, tab .linked button.tab-close-button,
  .linked tab button.tab-indicator,
  tab .linked button.tab-indicator, .linked window.dialog.csd > button.titlebar, .linked window.csd.aboutdialog > button.titlebar, .linked button.image-button, .linked button.image-button:not(.text-button), button.circular.image-button, button.model.image-button, button.raised.image-button, button {
    background-clip: padding-box;
    background-color: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 1px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.08); }
    headerbar .linked button.flat, headerbar .linked .sidebar .inline-toolbar button, headerbar .linked .sidebar actionbar.flat button,
    headerbar .linked .sidebar .bottom-toolbar.flat button,
    headerbar .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button,
    headerbar .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button,
    headerbar .linked .sidebar tab .bottom-toolbar.tab-close-button button,
    tab headerbar .linked .sidebar .bottom-toolbar.tab-close-button button,
    headerbar .linked .sidebar tab .bottom-toolbar.tab-indicator button,
    tab headerbar .linked .sidebar .bottom-toolbar.tab-indicator button,
    popover.emoji-picker headerbar .linked .sidebar .emoji-toolbar button.bottom-toolbar button, .sidebar .inline-toolbar headerbar .linked button, .sidebar actionbar.flat headerbar .linked button,
    .sidebar .bottom-toolbar.flat headerbar .linked button,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar headerbar .linked button,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar headerbar .linked button,
    .sidebar tab .bottom-toolbar.tab-close-button headerbar .linked button,
    tab .sidebar .bottom-toolbar.tab-close-button headerbar .linked button,
    .sidebar tab .bottom-toolbar.tab-indicator headerbar .linked button,
    tab .sidebar .bottom-toolbar.tab-indicator headerbar .linked button, headerbar .linked .sidebar popover.emoji-picker .emoji-toolbar button, .sidebar popover.emoji-picker .emoji-toolbar headerbar .linked button, headerbar .linked popover.emoji-picker .sidebar .emoji-toolbar button, popover.emoji-picker .sidebar .emoji-toolbar headerbar .linked button, headerbar .linked tab button.tab-close-button, tab headerbar .linked button.tab-close-button,
    headerbar .linked tab button.tab-indicator,
    tab headerbar .linked button.tab-indicator, headerbar .linked window.dialog.csd > button.titlebar, headerbar .linked window.csd.aboutdialog > button.titlebar, headerbar .linked button.image-button, headerbar .linked button.image-button:not(.text-button), headerbar button.circular.image-button, headerbar button.model.image-button, headerbar button.raised.image-button, headerbar button {
      border-radius: 0.250000001rem; }
    .linked button.flat.destructive-action:not(:disabled), .linked .sidebar popover.emoji-picker .emoji-toolbar button.destructive-action:not(:disabled), .sidebar popover.emoji-picker .emoji-toolbar .linked button.destructive-action:not(:disabled), .linked popover.emoji-picker .sidebar .emoji-toolbar button.destructive-action:not(:disabled), popover.emoji-picker .sidebar .emoji-toolbar .linked button.destructive-action:not(:disabled), .linked window.dialog.csd > button.destructive-action.titlebar:not(:disabled), .linked window.csd.aboutdialog > button.destructive-action.titlebar:not(:disabled), .linked button.image-button.destructive-action:not(:disabled), .linked button.image-button:not(.text-button).destructive-action:not(:disabled), button.circular.image-button.destructive-action:not(:disabled), button.model.image-button.destructive-action:not(:disabled), button.raised.image-button.destructive-action:not(:disabled), button.destructive-action:not(:disabled) {
      background-color: #c6262e;
      color: white;
      text-shadow: 0 1px 1px #c6262e;
      -gtk-icon-shadow: 0 1px 1px #c6262e; }
      .linked button.flat.destructive-action:not(:disabled), .linked .sidebar popover.emoji-picker .emoji-toolbar button.destructive-action:not(:disabled), .sidebar popover.emoji-picker .emoji-toolbar .linked button.destructive-action:not(:disabled), .linked popover.emoji-picker .sidebar .emoji-toolbar button.destructive-action:not(:disabled), popover.emoji-picker .sidebar .emoji-toolbar .linked button.destructive-action:not(:disabled), .linked window.dialog.csd > button.destructive-action.titlebar:not(:disabled), .linked window.csd.aboutdialog > button.destructive-action.titlebar:not(:disabled), .linked button.flat.destructive-action:not(:disabled):focus, .linked button.image-button.destructive-action:not(:disabled), .linked button.image-button.destructive-action:not(:disabled):focus, .linked button.image-button:not(.text-button).destructive-action:not(:disabled), .linked button.image-button:not(.text-button).destructive-action:not(:disabled):focus, button.circular.image-button.destructive-action:not(:disabled), button.circular.image-button.destructive-action:not(:disabled):focus, button.model.image-button.destructive-action:not(:disabled), button.model.image-button.destructive-action:not(:disabled):focus, button.raised.image-button.destructive-action:not(:disabled), button.raised.image-button.destructive-action:not(:disabled):focus, button.destructive-action:not(:disabled), button.destructive-action:not(:disabled):focus {
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, 0.2); }
      .linked button.flat.destructive-action:not(:disabled):focus, .linked .sidebar popover.emoji-picker .emoji-toolbar button.destructive-action:not(:disabled):focus, .sidebar popover.emoji-picker .emoji-toolbar .linked button.destructive-action:not(:disabled):focus, .linked popover.emoji-picker .sidebar .emoji-toolbar button.destructive-action:not(:disabled):focus, popover.emoji-picker .sidebar .emoji-toolbar .linked button.destructive-action:not(:disabled):focus, .linked button.image-button.destructive-action:not(:disabled):focus, .linked button.image-button:not(.text-button).destructive-action:not(:disabled):focus, button.circular.image-button.destructive-action:not(:disabled):focus, button.model.image-button.destructive-action:not(:disabled):focus, button.raised.image-button.destructive-action:not(:disabled):focus, button.destructive-action:not(:disabled):focus {
        outline-color: rgba(237, 83, 83, 0.5); }
    .linked button.flat.suggested-action:not(:disabled), .linked .sidebar .inline-toolbar button.suggested-action:not(:disabled), .linked .sidebar actionbar.flat button.suggested-action:not(:disabled),
    .linked .sidebar .bottom-toolbar.flat button.suggested-action:not(:disabled),
    .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.suggested-action:not(:disabled),
    .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.suggested-action:not(:disabled),
    .linked .sidebar tab .bottom-toolbar.tab-close-button button.suggested-action:not(:disabled),
    tab .linked .sidebar .bottom-toolbar.tab-close-button button.suggested-action:not(:disabled),
    .linked .sidebar tab .bottom-toolbar.tab-indicator button.suggested-action:not(:disabled),
    tab .linked .sidebar .bottom-toolbar.tab-indicator button.suggested-action:not(:disabled),
    popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested-action:not(:disabled), .sidebar .inline-toolbar .linked button.suggested-action:not(:disabled), .sidebar actionbar.flat .linked button.suggested-action:not(:disabled),
    .sidebar .bottom-toolbar.flat .linked button.suggested-action:not(:disabled),
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button.suggested-action:not(:disabled),
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button.suggested-action:not(:disabled),
    .sidebar tab .bottom-toolbar.tab-close-button .linked button.suggested-action:not(:disabled),
    tab .sidebar .bottom-toolbar.tab-close-button .linked button.suggested-action:not(:disabled),
    .sidebar tab .bottom-toolbar.tab-indicator .linked button.suggested-action:not(:disabled),
    tab .sidebar .bottom-toolbar.tab-indicator .linked button.suggested-action:not(:disabled), .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested-action:not(:disabled), .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested-action:not(:disabled), .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested-action:not(:disabled), popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested-action:not(:disabled), .linked tab button.suggested-action.tab-close-button:not(:disabled), tab .linked button.suggested-action.tab-close-button:not(:disabled),
    .linked tab button.suggested-action.tab-indicator:not(:disabled),
    tab .linked button.suggested-action.tab-indicator:not(:disabled), .linked window.dialog.csd > button.suggested-action.titlebar:not(:disabled), .linked window.csd.aboutdialog > button.suggested-action.titlebar:not(:disabled), .linked button.image-button.suggested-action:not(:disabled), .linked button.image-button:not(.text-button).suggested-action:not(:disabled), button.circular.image-button.suggested-action:not(:disabled), button.model.image-button.suggested-action:not(:disabled), button.raised.image-button.suggested-action:not(:disabled), button.suggested-action:not(:disabled) {
      border-color: alpha(mix(black, @accent_color, 0.9), 0.5); }
      .linked button.flat.suggested-action:not(:disabled):backdrop, .linked .sidebar .inline-toolbar button.suggested-action:not(:disabled):backdrop, .linked .sidebar actionbar.flat button.suggested-action:not(:disabled):backdrop,
      .linked .sidebar .bottom-toolbar.flat button.suggested-action:not(:disabled):backdrop,
      .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.suggested-action:not(:disabled):backdrop,
      .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.suggested-action:not(:disabled):backdrop,
      .linked .sidebar tab .bottom-toolbar.tab-close-button button.suggested-action:not(:disabled):backdrop,
      tab .linked .sidebar .bottom-toolbar.tab-close-button button.suggested-action:not(:disabled):backdrop,
      .linked .sidebar tab .bottom-toolbar.tab-indicator button.suggested-action:not(:disabled):backdrop,
      tab .linked .sidebar .bottom-toolbar.tab-indicator button.suggested-action:not(:disabled):backdrop,
      popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested-action:not(:disabled):backdrop, .sidebar .inline-toolbar .linked button.suggested-action:not(:disabled):backdrop, .sidebar actionbar.flat .linked button.suggested-action:not(:disabled):backdrop,
      .sidebar .bottom-toolbar.flat .linked button.suggested-action:not(:disabled):backdrop,
      .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button.suggested-action:not(:disabled):backdrop,
      .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button.suggested-action:not(:disabled):backdrop,
      .sidebar tab .bottom-toolbar.tab-close-button .linked button.suggested-action:not(:disabled):backdrop,
      tab .sidebar .bottom-toolbar.tab-close-button .linked button.suggested-action:not(:disabled):backdrop,
      .sidebar tab .bottom-toolbar.tab-indicator .linked button.suggested-action:not(:disabled):backdrop,
      tab .sidebar .bottom-toolbar.tab-indicator .linked button.suggested-action:not(:disabled):backdrop, .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested-action:not(:disabled):backdrop, .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested-action:not(:disabled):backdrop, .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested-action:not(:disabled):backdrop, popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested-action:not(:disabled):backdrop, .linked tab button.suggested-action.tab-close-button:not(:disabled):backdrop, tab .linked button.suggested-action.tab-close-button:not(:disabled):backdrop,
      .linked tab button.suggested-action.tab-indicator:not(:disabled):backdrop,
      tab .linked button.suggested-action.tab-indicator:not(:disabled):backdrop, .linked window.dialog.csd > button.suggested-action.titlebar:not(:disabled):backdrop, .linked window.csd.aboutdialog > button.suggested-action.titlebar:not(:disabled):backdrop, .linked button.image-button.suggested-action:not(:disabled):backdrop, .linked button.image-button:not(.text-button).suggested-action:not(:disabled):backdrop, button.circular.image-button.suggested-action:not(:disabled):backdrop, button.model.image-button.suggested-action:not(:disabled):backdrop, button.raised.image-button.suggested-action:not(:disabled):backdrop, button.suggested-action:not(:disabled):backdrop {
        border-color: rgba(0, 0, 0, 0.2); }
      .linked button.flat.suggested-action:not(:disabled):active, .linked .sidebar .inline-toolbar button.suggested-action:not(:disabled):active, .linked .sidebar actionbar.flat button.suggested-action:not(:disabled):active,
      .linked .sidebar .bottom-toolbar.flat button.suggested-action:not(:disabled):active,
      .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.suggested-action:not(:disabled):active,
      .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.suggested-action:not(:disabled):active,
      .linked .sidebar tab .bottom-toolbar.tab-close-button button.suggested-action:not(:disabled):active,
      tab .linked .sidebar .bottom-toolbar.tab-close-button button.suggested-action:not(:disabled):active,
      .linked .sidebar tab .bottom-toolbar.tab-indicator button.suggested-action:not(:disabled):active,
      tab .linked .sidebar .bottom-toolbar.tab-indicator button.suggested-action:not(:disabled):active,
      popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested-action:not(:disabled):active, .sidebar .inline-toolbar .linked button.suggested-action:not(:disabled):active, .sidebar actionbar.flat .linked button.suggested-action:not(:disabled):active,
      .sidebar .bottom-toolbar.flat .linked button.suggested-action:not(:disabled):active,
      .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button.suggested-action:not(:disabled):active,
      .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button.suggested-action:not(:disabled):active,
      .sidebar tab .bottom-toolbar.tab-close-button .linked button.suggested-action:not(:disabled):active,
      tab .sidebar .bottom-toolbar.tab-close-button .linked button.suggested-action:not(:disabled):active,
      .sidebar tab .bottom-toolbar.tab-indicator .linked button.suggested-action:not(:disabled):active,
      tab .sidebar .bottom-toolbar.tab-indicator .linked button.suggested-action:not(:disabled):active, .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested-action:not(:disabled):active, .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested-action:not(:disabled):active, .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested-action:not(:disabled):active, popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested-action:not(:disabled):active, .linked tab button.suggested-action.tab-close-button:not(:disabled):active, tab .linked button.suggested-action.tab-close-button:not(:disabled):active,
      .linked tab button.suggested-action.tab-indicator:not(:disabled):active,
      tab .linked button.suggested-action.tab-indicator:not(:disabled):active, .linked window.dialog.csd > button.suggested-action.titlebar:not(:disabled):active, .linked window.csd.aboutdialog > button.suggested-action.titlebar:not(:disabled):active, .linked button.flat.suggested-action:not(:disabled):checked, .linked .sidebar .inline-toolbar button.suggested-action:not(:disabled):checked, .linked .sidebar actionbar.flat button.suggested-action:not(:disabled):checked,
      .linked .sidebar .bottom-toolbar.flat button.suggested-action:not(:disabled):checked,
      .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.suggested-action:not(:disabled):checked,
      .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.suggested-action:not(:disabled):checked,
      .linked .sidebar tab .bottom-toolbar.tab-close-button button.suggested-action:not(:disabled):checked,
      tab .linked .sidebar .bottom-toolbar.tab-close-button button.suggested-action:not(:disabled):checked,
      .linked .sidebar tab .bottom-toolbar.tab-indicator button.suggested-action:not(:disabled):checked,
      tab .linked .sidebar .bottom-toolbar.tab-indicator button.suggested-action:not(:disabled):checked,
      popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested-action:not(:disabled):checked, .sidebar .inline-toolbar .linked button.suggested-action:not(:disabled):checked, .sidebar actionbar.flat .linked button.suggested-action:not(:disabled):checked,
      .sidebar .bottom-toolbar.flat .linked button.suggested-action:not(:disabled):checked,
      .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button.suggested-action:not(:disabled):checked,
      .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button.suggested-action:not(:disabled):checked,
      .sidebar tab .bottom-toolbar.tab-close-button .linked button.suggested-action:not(:disabled):checked,
      tab .sidebar .bottom-toolbar.tab-close-button .linked button.suggested-action:not(:disabled):checked,
      .sidebar tab .bottom-toolbar.tab-indicator .linked button.suggested-action:not(:disabled):checked,
      tab .sidebar .bottom-toolbar.tab-indicator .linked button.suggested-action:not(:disabled):checked, .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested-action:not(:disabled):checked, .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested-action:not(:disabled):checked, .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested-action:not(:disabled):checked, popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested-action:not(:disabled):checked, .linked tab button.suggested-action.tab-close-button:not(:disabled):checked, tab .linked button.suggested-action.tab-close-button:not(:disabled):checked,
      .linked tab button.suggested-action.tab-indicator:not(:disabled):checked,
      tab .linked button.suggested-action.tab-indicator:not(:disabled):checked, .linked window.dialog.csd > button.suggested-action.titlebar:not(:disabled):checked, .linked window.csd.aboutdialog > button.suggested-action.titlebar:not(:disabled):checked, .linked button.image-button.suggested-action:not(:disabled):active, .linked button.image-button.suggested-action:not(:disabled):checked, .linked button.image-button:not(.text-button).suggested-action:not(:disabled):active, .linked button.image-button:not(.text-button).suggested-action:not(:disabled):checked, button.circular.image-button.suggested-action:not(:disabled):active, button.circular.image-button.suggested-action:not(:disabled):checked, button.model.image-button.suggested-action:not(:disabled):active, button.model.image-button.suggested-action:not(:disabled):checked, button.raised.image-button.suggested-action:not(:disabled):active, button.raised.image-button.suggested-action:not(:disabled):checked, button.suggested-action:not(:disabled):active, button.suggested-action:not(:disabled):checked {
        border-color: alpha(mix(black, @accent_color, 0.7), 0.4); }
    .linked button.flat:active, .linked .sidebar .inline-toolbar button:active, .linked .sidebar actionbar.flat button:active,
    .linked .sidebar .bottom-toolbar.flat button:active,
    .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button:active,
    .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button:active,
    .linked .sidebar tab .bottom-toolbar.tab-close-button button:active,
    tab .linked .sidebar .bottom-toolbar.tab-close-button button:active,
    .linked .sidebar tab .bottom-toolbar.tab-indicator button:active,
    tab .linked .sidebar .bottom-toolbar.tab-indicator button:active,
    popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button:active, .sidebar .inline-toolbar .linked button:active, .sidebar actionbar.flat .linked button:active,
    .sidebar .bottom-toolbar.flat .linked button:active,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button:active,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button:active,
    .sidebar tab .bottom-toolbar.tab-close-button .linked button:active,
    tab .sidebar .bottom-toolbar.tab-close-button .linked button:active,
    .sidebar tab .bottom-toolbar.tab-indicator .linked button:active,
    tab .sidebar .bottom-toolbar.tab-indicator .linked button:active, .linked .sidebar popover.emoji-picker .emoji-toolbar button:active, .sidebar popover.emoji-picker .emoji-toolbar .linked button:active, .linked popover.emoji-picker .sidebar .emoji-toolbar button:active, popover.emoji-picker .sidebar .emoji-toolbar .linked button:active, .linked tab button.tab-close-button:active, tab .linked button.tab-close-button:active,
    .linked tab button.tab-indicator:active,
    tab .linked button.tab-indicator:active, .linked window.dialog.csd > button.titlebar:active, .linked window.csd.aboutdialog > button.titlebar:active, .linked button.flat:checked, .linked .sidebar .inline-toolbar button:checked, .linked .sidebar actionbar.flat button:checked,
    .linked .sidebar .bottom-toolbar.flat button:checked,
    .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button:checked,
    .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button:checked,
    .linked .sidebar tab .bottom-toolbar.tab-close-button button:checked,
    tab .linked .sidebar .bottom-toolbar.tab-close-button button:checked,
    .linked .sidebar tab .bottom-toolbar.tab-indicator button:checked,
    tab .linked .sidebar .bottom-toolbar.tab-indicator button:checked,
    popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button:checked, .sidebar .inline-toolbar .linked button:checked, .sidebar actionbar.flat .linked button:checked,
    .sidebar .bottom-toolbar.flat .linked button:checked,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button:checked,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button:checked,
    .sidebar tab .bottom-toolbar.tab-close-button .linked button:checked,
    tab .sidebar .bottom-toolbar.tab-close-button .linked button:checked,
    .sidebar tab .bottom-toolbar.tab-indicator .linked button:checked,
    tab .sidebar .bottom-toolbar.tab-indicator .linked button:checked, .linked .sidebar popover.emoji-picker .emoji-toolbar button:checked, .sidebar popover.emoji-picker .emoji-toolbar .linked button:checked, .linked popover.emoji-picker .sidebar .emoji-toolbar button:checked, popover.emoji-picker .sidebar .emoji-toolbar .linked button:checked, .linked tab button.tab-close-button:checked, tab .linked button.tab-close-button:checked,
    .linked tab button.tab-indicator:checked,
    tab .linked button.tab-indicator:checked, .linked window.dialog.csd > button.titlebar:checked, .linked window.csd.aboutdialog > button.titlebar:checked, .linked button.image-button:active, .linked button.image-button:checked, .linked button.image-button:not(.text-button):active, .linked button.image-button:not(.text-button):checked, button.circular.image-button:active, button.circular.image-button:checked, button.model.image-button:active, button.model.image-button:checked, button.raised.image-button:active, button.raised.image-button:checked, button:active, button:checked {
      background: rgba(0, 0, 0, 0.05);
      box-shadow: 0 1px 0 0 alpha(@highlight_color, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 1px 1px rgba(0, 0, 0, 0.05); }
    .linked button.flat:disabled, .linked .sidebar .inline-toolbar button:disabled, .linked .sidebar actionbar.flat button:disabled,
    .linked .sidebar .bottom-toolbar.flat button:disabled,
    .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button:disabled,
    .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button:disabled,
    .linked .sidebar tab .bottom-toolbar.tab-close-button button:disabled,
    tab .linked .sidebar .bottom-toolbar.tab-close-button button:disabled,
    .linked .sidebar tab .bottom-toolbar.tab-indicator button:disabled,
    tab .linked .sidebar .bottom-toolbar.tab-indicator button:disabled,
    popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button:disabled, .sidebar .inline-toolbar .linked button:disabled, .sidebar actionbar.flat .linked button:disabled,
    .sidebar .bottom-toolbar.flat .linked button:disabled,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button:disabled,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button:disabled,
    .sidebar tab .bottom-toolbar.tab-close-button .linked button:disabled,
    tab .sidebar .bottom-toolbar.tab-close-button .linked button:disabled,
    .sidebar tab .bottom-toolbar.tab-indicator .linked button:disabled,
    tab .sidebar .bottom-toolbar.tab-indicator .linked button:disabled, .linked .sidebar popover.emoji-picker .emoji-toolbar button:disabled, .sidebar popover.emoji-picker .emoji-toolbar .linked button:disabled, .linked popover.emoji-picker .sidebar .emoji-toolbar button:disabled, popover.emoji-picker .sidebar .emoji-toolbar .linked button:disabled, .linked tab button.tab-close-button:disabled, tab .linked button.tab-close-button:disabled,
    .linked tab button.tab-indicator:disabled,
    tab .linked button.tab-indicator:disabled, .linked window.dialog.csd > button.titlebar:disabled, .linked window.csd.aboutdialog > button.titlebar:disabled, .linked button.image-button:disabled, .linked button.image-button:not(.text-button):disabled, button.circular.image-button:disabled, button.model.image-button:disabled, button.raised.image-button:disabled, button:disabled {
      background: rgba(0, 0, 0, 0.03);
      box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05); }
    .linked button.flat:focus, .linked .sidebar .inline-toolbar button:focus, .linked .sidebar actionbar.flat button:focus,
    .linked .sidebar .bottom-toolbar.flat button:focus,
    .linked .sidebar window.dialog.csd > .bottom-toolbar.titlebar button:focus,
    .linked .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button:focus,
    .linked .sidebar tab .bottom-toolbar.tab-close-button button:focus,
    tab .linked .sidebar .bottom-toolbar.tab-close-button button:focus,
    .linked .sidebar tab .bottom-toolbar.tab-indicator button:focus,
    tab .linked .sidebar .bottom-toolbar.tab-indicator button:focus,
    popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button:focus, .sidebar .inline-toolbar .linked button:focus, .sidebar actionbar.flat .linked button:focus,
    .sidebar .bottom-toolbar.flat .linked button:focus,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar .linked button:focus,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .linked button:focus,
    .sidebar tab .bottom-toolbar.tab-close-button .linked button:focus,
    tab .sidebar .bottom-toolbar.tab-close-button .linked button:focus,
    .sidebar tab .bottom-toolbar.tab-indicator .linked button:focus,
    tab .sidebar .bottom-toolbar.tab-indicator .linked button:focus, .linked .sidebar popover.emoji-picker .emoji-toolbar button:focus, .sidebar popover.emoji-picker .emoji-toolbar .linked button:focus, .linked popover.emoji-picker .sidebar .emoji-toolbar button:focus, popover.emoji-picker .sidebar .emoji-toolbar .linked button:focus, .linked tab button.tab-close-button:focus, tab .linked button.tab-close-button:focus,
    .linked tab button.tab-indicator:focus,
    tab .linked button.tab-indicator:focus, .linked window.dialog.csd > button.titlebar:focus, .linked window.csd.aboutdialog > button.titlebar:focus, .linked button.image-button:focus, .linked button.image-button:not(.text-button):focus, button.circular.image-button:focus, button.model.image-button:focus, button.raised.image-button:focus, button:focus {
      border-color: @accent_color;
      color: @selected_fg_color;
      outline-color: alpha(@accent_color, 0.3);
      outline-width: 0.1666666677rem;
      outline-style: solid; }
  button.back-button {
    background-repeat: no-repeat no-repeat;
    background-size: 16px, cover; }
    button.back-button:dir(ltr) {
      background-image: -gtk-icontheme("go-previous-symbolic"), linear-gradient(to bottom, alpha(@highlight_color, 0.2), rgba(255, 255, 255, 0));
      padding-left: calc(0.750000001rem + 16px);
      background-position: 0.500000001rem 50%, center, center; }
    button.back-button:dir(rtl) {
      background-image: -gtk-icontheme("go-next-symbolic"), linear-gradient(to bottom, alpha(@highlight_color, 0.2), rgba(255, 255, 255, 0));
      padding-right: calc(0.750000001rem + 16px);
      background-position: calc(100% - 0.500000001rem) 50%, center, center; }
  button:disabled {
    color: #979797; }
  button:backdrop {
    filter: opacity(0.5); }
  button.color, button.combo, button.image-button {
    padding: 0.3333333343rem; }
  button.text-button.link {
    padding: 0; }
  button.color colorswatch,
  button.color overlay {
    border-radius: 0.1666666677rem; }
  button arrow {
    min-width: 1.3333333343rem;
    min-height: 1.3333333343rem;
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  button:dir(ltr) box image + label, button:dir(rtl) box label + image {
    margin-left: 0.250000001rem; }

fontbutton separator.vertical {
  margin: 0 0.500000001rem; }

calendar.view {
  background: transparent; }
  calendar.view .day-name {
    font-weight: 700;
    opacity: 0.8;
    padding-bottom: 0.5em;
    padding-top: 0.5em; }
  calendar.view .day-number.today {
    font-weight: bold; }
  calendar.view .day-number.other-month {
    color: #979797; }
  calendar.view .day-number:selected {
    border-radius: 99px; }

.deck {
  background-color: #f1f1f1; }

paper,
.card {
  background-color: white;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 4px rgba(0, 0, 0, 0.15), 0 3px 3px -3px rgba(0, 0, 0, 0.35);
  transition: background 100ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); }
  paper.collapsed,
  .card.collapsed {
    background-color: #fafafa;
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: background 100ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1); }
  paper.rounded,
  .card.rounded {
    border-radius: 0.250000001rem; }

check,
radio {
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05);
  min-height: 1.000000001rem;
  min-width: 1.000000001rem;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  -gtk-icon-source: none;
  -gtk-icon-size: 1.000000001rem; }
  check:dir(ltr),
  radio:dir(ltr) {
    margin-right: 0.500000001rem; }
  check:dir(rtl),
  radio:dir(rtl) {
    margin-left: 0.500000001rem; }
  check:checked,
  radio:checked {
    background-color: @accent_color;
    color: white;
    -gtk-icon-source: -gtk-icontheme("check-active-symbolic");
    -gtk-icon-shadow: 0 1px 1px shade(@accent_color, 0.7); }
    check:checked:backdrop:not(:disabled):not(.colorbutton),
    radio:checked:backdrop:not(:disabled):not(.colorbutton) {
      background-image: none;
      background-color: #dfdfdf;
      -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  check:disabled,
  radio:disabled {
    background: rgba(0, 0, 0, 0.03);
    box-shadow: 0 1px 0 0 alpha(@bg_highlight_color, 0.3);
    color: #979797;
    -gtk-icon-shadow: 0 1px 1px alpha(@bg_highlight_color, 0.3); }
  check:indeterminate,
  radio:indeterminate {
    -gtk-icon-source: -gtk-icontheme("check-mixed-symbolic"); }
  check:focus,
  radio:focus {
    box-shadow: 0 0 0 2px alpha(@accent_color, 0.3), inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05); }
    check:focus:not(:checked),
    radio:focus:not(:checked) {
      border-color: @accent_color; }

check {
  border-radius: 0.250000001rem; }

radio {
  border-radius: 50%; }

checkbutton.image-button {
  border: 1px solid transparent;
  padding: 0.500000001rem; }
  checkbutton.image-button:checked {
    background: alpha(@selected_bg_color, 0.4);
    border-color: @selected_bg_color;
    border-radius: 0.250000001rem;
    color: @selected_fg_color; }
    checkbutton.image-button:checked:backdrop {
      background: rgba(51, 51, 51, 0.05);
      border-color: rgba(51, 51, 51, 0.25);
      color: inherit; }

.color-button check,
.color-button check:checked,
.color-button radio,
.color-button radio:checked {
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  box-shadow: 0 1px 0 0 alpha(@highlight_color, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
  min-height: 1.000000001rem;
  min-width: 1.000000001rem;
  padding: 0.250000001rem; }

.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio {
  background-color: @STRAWBERRY_300;
  -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; }

.color-button.orange check, .color-button.orange radio {
  background-color: @ORANGE_300;
  -gtk-icon-shadow: 0 1px 1px @ORANGE_500; }

.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio {
  background-color: @BANANA_500;
  -gtk-icon-shadow: 0 1px 1px @BANANA_700; }

.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio {
  background-color: @LIME_500;
  -gtk-icon-shadow: 0 1px 1px @LIME_700; }

.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio {
  background-color: @BLUEBERRY_500;
  -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; }

.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio {
  background-color: @GRAPE_500;
  -gtk-icon-shadow: 0 1px 1px @GRAPE_700; }

.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio {
  background-color: @COCOA_300;
  -gtk-icon-shadow: 0 1px 1px @COCOA_500; }

.color-button.mint check, .color-button.mint radio {
  background-color: @MINT_500;
  -gtk-icon-shadow: 0 1px 1px @MINT_700; }

.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio {
  background-color: @BUBBLEGUM_500;
  -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; }

.color-button.slate check, .color-button.slate radio {
  background-color: @SLATE_300;
  -gtk-icon-shadow: 0 1px 1px @SLATE_500; }

.color-button.auto radio {
  background-image: url("assets/color-button-auto.png");
  background-position: -1px -1px;
  background-repeat: no-repeat;
  background-size: calc(100% + 2px); }

colorchooser {
  /* This is 1px larger in the dark style because it's outside the swatch
     * instead of on top */
  /*Value and Custom shades*/ }
  colorchooser colorswatch {
    margin: -1px 3px; }
    colorchooser colorswatch.top {
      border-top-width: 1px;
      border-top-left-radius: 0.250000001rem;
      border-top-right-radius: 0.250000001rem; }
      colorchooser colorswatch.top overlay {
        border-top-width: 1px;
        border-top-left-radius: 0.250000001rem;
        border-top-right-radius: 0.250000001rem; }
    colorchooser colorswatch.bottom {
      border-bottom-width: 1px;
      border-bottom-left-radius: 0.250000001rem;
      border-bottom-right-radius: 0.250000001rem; }
      colorchooser colorswatch.bottom overlay {
        border-bottom-width: 1px;
        border-bottom-left-radius: 0.250000001rem;
        border-bottom-right-radius: 0.250000001rem; }
    colorchooser colorswatch overlay {
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-bottom-width: 0;
      border-top-width: 0; }
    colorchooser colorswatch.dark overlay {
      color: white;
      -gtk-icon-shadow: 0 0.0833333343rem 0.1666666677rem rgba(0, 0, 0, 0.3); }
    colorchooser colorswatch.light overlay {
      color: rgba(0, 0, 0, 0.6);
      -gtk-icon-shadow: 0 0.0833333343rem 0.0833333343rem rgba(255, 255, 255, 0.2); }
  colorchooser grid:nth-child(2) colorswatch,
  colorchooser box box colorswatch {
    border-radius: 0.250000001rem; }
    colorchooser grid:nth-child(2) colorswatch overlay,
    colorchooser box box colorswatch overlay {
      border-radius: 0.250000001rem;
      border-width: 1px; }

columnview header button {
  border-radius: 0;
  border-left-width: 0;
  border-top-width: 0; }
  columnview header button:last-child {
    border-right-width: 0; }
  columnview header button label {
    font-weight: 600;
    opacity: 0.8; }
  columnview header button:backdrop label {
    opacity: 0.6; }
  columnview header button sort-indicator {
    min-height: 16px;
    min-width: 16px; }
    columnview header button sort-indicator.ascending {
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
    columnview header button sort-indicator.descending {
      -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }

columnview listview row {
  padding: 0.250000001rem 0.500000001rem; }
  columnview listview row:selected {
    background: rgba(51, 51, 51, 0.15); }

dropdown popover listview,
dropdown popover listview.view {
  background: transparent; }
  dropdown popover listview row.activatable image:last-child,
  dropdown popover listview.view row.activatable image:last-child {
    border-radius: 0.6666666677rem;
    -gtk-icon-size: 1.000000001rem;
    margin: 0 0.500000001rem;
    min-height: 1.3333333343rem;
    min-width: 1.3333333343rem; }

dropdown popover .dropdown-searchbar {
  padding: 0.500000001rem 1.000000001rem; }

popover.emoji-picker entry {
  margin: 1.000000001rem;
  margin-bottom: 0.250000001rem; }

popover.emoji-picker scrolledwindow.view box.vertical > label {
  margin-left: 0.5833333343rem;
  margin-right: 0.5833333343rem; }

popover.emoji-picker .emoji {
  min-height: 36px;
  min-width: 36px;
  font-size: 16px; }

popover.emoji-picker button.emoji-section.image-button {
  background: none;
  border-width: 0;
  border-radius: 0;
  box-shadow: none;
  min-height: 24px;
  min-width: 24px;
  opacity: 0.6;
  outline-style: none; }
  popover.emoji-picker button.emoji-section.image-button:checked {
    opacity: 1; }
  popover.emoji-picker button.emoji-section.image-button:hover {
    opacity: 0.8; }
  popover.emoji-picker button.emoji-section.image-button image {
    color: inherit; }

spinbutton, entry {
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.250000001rem;
  box-shadow: 0 1px 0 0 alpha(@highlight_color, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
  color: @fg_color; }
  spinbutton:disabled, entry:disabled {
    background: rgba(0, 0, 0, 0.03);
    box-shadow: 0 1px 0 0 alpha(@highlight_color, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.05);
    color: #979797; }
  spinbutton.flat, tab spinbutton.tab-close-button,
  tab spinbutton.tab-indicator, window.dialog.csd > spinbutton.titlebar, window.csd.aboutdialog > spinbutton.titlebar, entry.flat, tab entry.tab-close-button,
  tab entry.tab-indicator, window.dialog.csd > entry.titlebar, window.csd.aboutdialog > entry.titlebar {
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none; }
    spinbutton.flat:focus, tab spinbutton.tab-close-button:focus,
    tab spinbutton.tab-indicator:focus, window.dialog.csd > spinbutton.titlebar:focus, window.csd.aboutdialog > spinbutton.titlebar:focus, entry.flat:focus, tab entry.tab-close-button:focus,
    tab entry.tab-indicator:focus, window.dialog.csd > entry.titlebar:focus, window.csd.aboutdialog > entry.titlebar:focus {
      border-bottom-color: @accent_color; }
  spinbutton:focus-within, entry:focus-within {
    border-color: @accent_color;
    box-shadow: 0 0 0 0.1666666677rem alpha(@accent_color, 0.3), 0 1px 0 0 alpha(@highlight_color, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 1px 1px rgba(0, 0, 0, 0.05); }
  spinbutton placeholder, entry placeholder {
    color: @placeholder_text_color;
    margin: 0; }

entry {
  color: @placeholder_text_color;
  min-height: 16px; }
  entry text {
    color: @text_color;
    padding: 0.3333333343rem; }
    entry text:disabled {
      color: #979797; }
  entry image {
    -gtk-icon-size: 16px;
    padding: 0 0.3333333343rem;
    transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1); }
  entry:dir(ltr) image.right:hover, entry:dir(rtl) image.left:hover {
    color: @text_color; }
  headerbar entry {
    margin: 1px; }
  entry progress > trough {
    margin: 0.3333333343rem; }
    entry progress > trough > progress {
      background: @accent_color;
      border-radius: 0.1666666677rem;
      min-height: 0.1666666677rem;
      min-width: 0.1666666677rem; }
  entry.date-picker popover > contents {
    padding: 0.500000001rem; }
  entry.time-picker popover > contents {
    padding: 1.000000001rem; }
  entry.password {
    background-image: -gtk-icontheme("dialog-password-symbolic");
    background-size: 16px;
    background-repeat: no-repeat; }
    entry.password:dir(ltr) {
      background-position: 0.500000001rem 0.3333333343rem;
      padding-left: 2.000000001rem; }
    entry.password:dir(rtl) {
      background-position: calc(100% - 0.500000001rem) 0.3333333343rem;
      padding-right: 2.000000001rem; }

expander {
  min-height: 16px;
  min-width: 16px;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  expander:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
  expander:checked {
    -gtk-icon-transform: rotate(90deg); }
    expander:checked:dir(rtl) {
      -gtk-icon-transform: rotate(-90deg); }

header:not(:first-child) {
  margin-top: 1em; }

header .heading {
  font-weight: 700;
  opacity: 0.9;
  padding: 0; }

header .dim-label, header scale mark label, scale mark header label, header placeholder box button label:not(.title-3), placeholder box button header label:not(.title-3), header placeholder .title-2, placeholder header .title-2 {
  font-size: 0.9em;
  margin-top: 0.1em;
  opacity: 0.8; }

assistant > .titlebar,
printdialog > .titlebar,
window.csd > .titlebar {
  border-radius: 0.500000001rem 0.500000001rem 0 0; }

assistant headerbar,
assistant .titlebar,
printdialog headerbar,
printdialog .titlebar,
window headerbar,
window .titlebar {
  background-color: @color_primary;
  color: #333; }
  assistant headerbar .title,
  assistant .titlebar .title,
  printdialog headerbar .title,
  printdialog .titlebar .title,
  window headerbar .title,
  window .titlebar .title {
    font-weight: bold;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5); }
  assistant headerbar .subtitle,
  assistant .titlebar .subtitle,
  printdialog headerbar .subtitle,
  printdialog .titlebar .subtitle,
  window headerbar .subtitle,
  window .titlebar .subtitle {
    opacity: 0.75;
    font-size: 80%; }
  assistant headerbar windowcontrols button,
  assistant headerbar .image-button,
  assistant headerbar .mode-switch,
  assistant .titlebar windowcontrols button,
  assistant .titlebar .image-button,
  assistant .titlebar .mode-switch,
  printdialog headerbar windowcontrols button,
  printdialog headerbar .image-button,
  printdialog headerbar .mode-switch,
  printdialog .titlebar windowcontrols button,
  printdialog .titlebar .image-button,
  printdialog .titlebar .mode-switch,
  window headerbar windowcontrols button,
  window headerbar .image-button,
  window headerbar .mode-switch,
  window .titlebar windowcontrols button,
  window .titlebar .image-button,
  window .titlebar .mode-switch {
    -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.5); }
  assistant headerbar popover,
  assistant headerbar menu,
  assistant .titlebar popover,
  assistant .titlebar menu,
  printdialog headerbar popover,
  printdialog headerbar menu,
  printdialog .titlebar popover,
  printdialog .titlebar menu,
  window headerbar popover,
  window headerbar menu,
  window .titlebar popover,
  window .titlebar menu {
    text-shadow: none;
    -gtk-icon-shadow: none; }
  assistant headerbar .large-icons,
  assistant .titlebar .large-icons,
  printdialog headerbar .large-icons,
  printdialog .titlebar .large-icons,
  window headerbar .large-icons,
  window .titlebar .large-icons {
    -gtk-icon-size: 24px; }

assistant.csd .titlebar,
printdialog.csd .titlebar,
window.csd .titlebar {
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 0 0 alpha(shade(@color_primary, 0.7), 0.4), 0 1px 0.1666666677rem rgba(0, 0, 0, 0.2);
  padding: 0.500000001rem; }
  assistant.csd .titlebar:backdrop,
  printdialog.csd .titlebar:backdrop,
  window.csd .titlebar:backdrop {
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px alpha(shade(@color_primary, 0.7), 0.3), 0 1px 0.1666666677rem rgba(0, 0, 0, 0.15); }
  assistant.csd .titlebar.default-decoration,
  printdialog.csd .titlebar.default-decoration,
  window.csd .titlebar.default-decoration {
    padding: 0.250000001rem; }
  assistant.csd .titlebar.flat, assistant.csd .sidebar .inline-toolbar button.titlebar, assistant.csd .sidebar actionbar.flat button.titlebar,
  assistant.csd .sidebar .bottom-toolbar.flat button.titlebar,
  assistant.csd .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.titlebar,
  assistant.csd .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.titlebar,
  assistant.csd .sidebar tab .bottom-toolbar.tab-close-button button.titlebar,
  tab assistant.csd .sidebar .bottom-toolbar.tab-close-button button.titlebar,
  assistant.csd .sidebar tab .bottom-toolbar.tab-indicator button.titlebar,
  tab assistant.csd .sidebar .bottom-toolbar.tab-indicator button.titlebar,
  popover.emoji-picker assistant.csd .sidebar .emoji-toolbar button.bottom-toolbar button.titlebar, .sidebar .inline-toolbar assistant.csd button.titlebar, .sidebar actionbar.flat assistant.csd button.titlebar,
  .sidebar .bottom-toolbar.flat assistant.csd button.titlebar,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar assistant.csd button.titlebar,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar assistant.csd button.titlebar,
  .sidebar tab .bottom-toolbar.tab-close-button assistant.csd button.titlebar,
  tab .sidebar .bottom-toolbar.tab-close-button assistant.csd button.titlebar,
  .sidebar tab .bottom-toolbar.tab-indicator assistant.csd button.titlebar,
  tab .sidebar .bottom-toolbar.tab-indicator assistant.csd button.titlebar, assistant.csd .sidebar popover.emoji-picker .emoji-toolbar button.titlebar, .sidebar popover.emoji-picker .emoji-toolbar assistant.csd button.titlebar, assistant.csd popover.emoji-picker .sidebar .emoji-toolbar button.titlebar, popover.emoji-picker .sidebar .emoji-toolbar assistant.csd button.titlebar, assistant.csd tab .titlebar.tab-close-button, tab assistant.csd .titlebar.tab-close-button,
  assistant.csd tab .titlebar.tab-indicator,
  tab assistant.csd .titlebar.tab-indicator, assistant.csd window.dialog.csd > .titlebar, assistant.csd window.csd.aboutdialog > .titlebar,
  printdialog.csd .titlebar.flat,
  printdialog.csd .sidebar .inline-toolbar button.titlebar,
  printdialog.csd .sidebar actionbar.flat button.titlebar,
  printdialog.csd .sidebar .bottom-toolbar.flat button.titlebar,
  printdialog.csd .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.titlebar,
  printdialog.csd .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.titlebar,
  printdialog.csd .sidebar tab .bottom-toolbar.tab-close-button button.titlebar,
  tab printdialog.csd .sidebar .bottom-toolbar.tab-close-button button.titlebar,
  printdialog.csd .sidebar tab .bottom-toolbar.tab-indicator button.titlebar,
  tab printdialog.csd .sidebar .bottom-toolbar.tab-indicator button.titlebar,
  popover.emoji-picker printdialog.csd .sidebar .emoji-toolbar button.bottom-toolbar button.titlebar,
  .sidebar .inline-toolbar printdialog.csd button.titlebar,
  .sidebar actionbar.flat printdialog.csd button.titlebar,
  .sidebar .bottom-toolbar.flat printdialog.csd button.titlebar,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar printdialog.csd button.titlebar,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar printdialog.csd button.titlebar,
  .sidebar tab .bottom-toolbar.tab-close-button printdialog.csd button.titlebar,
  tab .sidebar .bottom-toolbar.tab-close-button printdialog.csd button.titlebar,
  .sidebar tab .bottom-toolbar.tab-indicator printdialog.csd button.titlebar,
  tab .sidebar .bottom-toolbar.tab-indicator printdialog.csd button.titlebar,
  printdialog.csd .sidebar popover.emoji-picker .emoji-toolbar button.titlebar,
  .sidebar popover.emoji-picker .emoji-toolbar printdialog.csd button.titlebar,
  printdialog.csd popover.emoji-picker .sidebar .emoji-toolbar button.titlebar,
  popover.emoji-picker .sidebar .emoji-toolbar printdialog.csd button.titlebar,
  printdialog.csd tab .titlebar.tab-close-button,
  tab printdialog.csd .titlebar.tab-close-button,
  printdialog.csd tab .titlebar.tab-indicator,
  tab printdialog.csd .titlebar.tab-indicator,
  printdialog.csd window.dialog.csd > .titlebar,
  printdialog.csd window.csd.aboutdialog > .titlebar,
  window.csd .titlebar.flat,
  window.csd .sidebar .inline-toolbar button.titlebar,
  window.csd .sidebar actionbar.flat button.titlebar,
  window.csd .sidebar .bottom-toolbar.flat button.titlebar,
  window.csd .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.titlebar,
  window.csd .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.titlebar,
  window.csd .sidebar tab .bottom-toolbar.tab-close-button button.titlebar,
  tab window.csd .sidebar .bottom-toolbar.tab-close-button button.titlebar,
  window.csd .sidebar tab .bottom-toolbar.tab-indicator button.titlebar,
  tab window.csd .sidebar .bottom-toolbar.tab-indicator button.titlebar,
  popover.emoji-picker window.csd .sidebar .emoji-toolbar button.bottom-toolbar button.titlebar,
  .sidebar .inline-toolbar window.csd button.titlebar,
  .sidebar actionbar.flat window.csd button.titlebar,
  .sidebar .bottom-toolbar.flat window.csd button.titlebar,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar window.csd button.titlebar,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar window.csd button.titlebar,
  .sidebar tab .bottom-toolbar.tab-close-button window.csd button.titlebar,
  tab .sidebar .bottom-toolbar.tab-close-button window.csd button.titlebar,
  .sidebar tab .bottom-toolbar.tab-indicator window.csd button.titlebar,
  tab .sidebar .bottom-toolbar.tab-indicator window.csd button.titlebar,
  window.csd .sidebar popover.emoji-picker .emoji-toolbar button.titlebar,
  .sidebar popover.emoji-picker .emoji-toolbar window.csd button.titlebar,
  window.csd popover.emoji-picker .sidebar .emoji-toolbar button.titlebar,
  popover.emoji-picker .sidebar .emoji-toolbar window.csd button.titlebar,
  window.csd tab .titlebar.tab-close-button,
  tab window.csd .titlebar.tab-close-button,
  window.csd tab .titlebar.tab-indicator,
  tab window.csd .titlebar.tab-indicator,
  window.dialog.csd > .titlebar,
  window.csd.aboutdialog > .titlebar {
    background: inherit;
    color: inherit;
    box-shadow: inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07); }

assistant.csd stack.titlebar headerbar,
assistant.csd stack.titlebar headerbar:backdrop,
printdialog.csd stack.titlebar headerbar,
printdialog.csd stack.titlebar headerbar:backdrop,
window.csd stack.titlebar headerbar,
window.csd stack.titlebar headerbar:backdrop {
  box-shadow: none;
  padding: 0; }

assistant.csd revealer headerbar,
printdialog.csd revealer headerbar,
window.csd revealer headerbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.500000001rem 0.500000001rem 0 0;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07);
  padding: 0.500000001rem; }

assistant.unified .titlebar,
printdialog.unified .titlebar,
window.unified .titlebar {
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 0 alpha(shade(@color_primary, 0.7), 0.4), 0 1px 0.1666666677rem rgba(0, 0, 0, 0.2); }
  assistant.unified .titlebar:backdrop:not(.flat),
  printdialog.unified .titlebar:backdrop:not(.flat),
  window.unified .titlebar:backdrop:not(.flat) {
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 0 0 alpha(shade(@color_primary, 0.7), 0.3), 0 1px 0.1666666677rem rgba(0, 0, 0, 0.15); }

assistant.ssd .titlebar,
printdialog.ssd .titlebar,
window.ssd .titlebar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px 6px 0 0;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07);
  padding: 3px; }
  assistant.ssd .titlebar button,
  printdialog.ssd .titlebar button,
  window.ssd .titlebar button {
    border-radius: 3px;
    padding: 3px; }

assistant box.start:dir(ltr),
assistant box.end:dir(rtl),
printdialog box.start:dir(ltr),
printdialog box.end:dir(rtl),
window box.start:dir(ltr),
window box.end:dir(rtl) {
  margin-right: 1.000000001rem; }

assistant box.end:dir(ltr),
assistant box.start:dir(rtl),
printdialog box.end:dir(ltr),
printdialog box.start:dir(rtl),
window box.end:dir(ltr),
window box.start:dir(rtl) {
  margin-left: 1.000000001rem; }

image {
  -gtk-icon-palette: error @error_color, success @success_color, warning #e7a92b; }
  image:disabled {
    filter: opacity(0.5); }

.normal-icons {
  -gtk-icon-size: 16px; }

.large-icons {
  -gtk-icon-size: 32px; }

infobar revealer > box {
  background-color: white;
  background-image: -gtk-icontheme("dialog-information-symbolic");
  background-repeat: no-repeat;
  background-size: 16px;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 0 0 1px;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07);
  padding: 1.000000001rem; }
  infobar revealer > box:dir(ltr) {
    background-position: 1.000000001rem calc(50% + 0.5px);
    padding-left: calc(16px + 2.000000001rem); }
  infobar revealer > box:dir(rtl) {
    background-position: calc(100% - 1.000000001rem) calc(50% + 0.5px);
    padding-right: calc(16px + 2.000000001rem); }
  infobar revealer > box button:dir(ltr) {
    margin-left: 1.000000001rem; }
  infobar revealer > box button:dir(rtl) {
    margin-right: 1.000000001rem; }
  infobar revealer > box button.close.image-button {
    background: alpha(white, 0.8);
    border-radius: 50%;
    color: inherit;
    padding: 0.250000001rem; }

infobar.error revealer > box {
  background-color: mix(@STRAWBERRY_300, white, 0.75);
  background-image: -gtk-icontheme("process-error-symbolic");
  color: #a10705;
  -gtk-icon-palette: error #a10705;
  border-color: mix(@STRAWBERRY_300, white, 0.6); }

infobar.warning revealer > box {
  background-color: mix(@BANANA_300, white, 0.6);
  background-image: -gtk-icontheme("dialog-warning-symbolic");
  color: shade(@BANANA_900, 0.8);
  -gtk-icon-palette: warning shade(@BANANA_900, 0.8);
  border-color: @BANANA_300; }

infobar.question revealer > box {
  background-color: mix(@BLUEBERRY_300, white, 0.75);
  background-image: -gtk-icontheme("dialog-question-symbolic");
  color: shade(@BLUEBERRY_300, 0.5);
  border-color: mix(@BLUEBERRY_300, white, 0.4); }

infobar.frame {
  border: none; }
  infobar.frame revealer > box {
    border-width: 1px;
    border-radius: 0.500000001rem;
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 1px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.08);
    margin: 0.250000001rem; }

levelbar block {
  background-color: @accent_color_300;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.500000001rem;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05);
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1); }
  levelbar block.filled.low {
    background-color: #c6262e; }
  levelbar block.filled.middle {
    background-color: #f9c440; }
  levelbar block.filled.high {
    background-color: #64baff; }
  levelbar block.filled.full {
    background-color: #9bdb4d; }
  levelbar block.filled:backdrop {
    background-color: #dfdfdf; }
  levelbar block.empty {
    background-color: #fafafa; }

levelbar.discrete.horizontal block {
  min-width: 2.000000001rem; }
  levelbar.discrete.horizontal block:not(:first-child) {
    margin-left: 0.250000001rem; }

levelbar.discrete.vertical block {
  margin: 2px 0;
  min-height: 2.000000001rem; }

levelbar.inverted block.filled.low {
  background-color: #9bdb4d; }

levelbar.inverted block.filled.middle {
  background-color: #64baff; }

levelbar.inverted block.filled.high {
  background-color: #f9c440; }

levelbar.inverted block.filled.full {
  background-color: #c6262e; }

levelbar.horizontal block {
  min-height: 0.500000001rem;
  min-width: 0.250000001rem; }

levelbar.vertical block {
  min-height: 0.250000001rem;
  min-width: 0.500000001rem; }

levelbar.flat block, tab levelbar.tab-close-button block,
tab levelbar.tab-indicator block, window.dialog.csd > levelbar.titlebar block, window.csd.aboutdialog > levelbar.titlebar block {
  border: none;
  box-shadow: none; }
  levelbar.flat block.empty, tab levelbar.tab-close-button block.empty,
  tab levelbar.tab-indicator block.empty, window.dialog.csd > levelbar.titlebar block.empty, window.csd.aboutdialog > levelbar.titlebar block.empty {
    background: rgba(51, 51, 51, 0.2); }
  levelbar.flat block.filled.low:not(:backdrop), tab levelbar.tab-close-button block.filled.low:not(:backdrop),
  tab levelbar.tab-indicator block.filled.low:not(:backdrop), window.dialog.csd > levelbar.titlebar block.filled.low:not(:backdrop), window.csd.aboutdialog > levelbar.titlebar block.filled.low:not(:backdrop) {
    background: #c6262e; }
    levelbar.flat block.filled.low:not(:backdrop) + .empty:not(:backdrop), tab levelbar.tab-close-button block.filled.low:not(:backdrop) + .empty:not(:backdrop),
    tab levelbar.tab-indicator block.filled.low:not(:backdrop) + .empty:not(:backdrop), window.dialog.csd > levelbar.titlebar block.filled.low:not(:backdrop) + .empty:not(:backdrop), window.csd.aboutdialog > levelbar.titlebar block.filled.low:not(:backdrop) + .empty:not(:backdrop) {
      background: rgba(198, 38, 46, 0.2); }
  levelbar.flat block.filled.middle:not(:backdrop), tab levelbar.tab-close-button block.filled.middle:not(:backdrop),
  tab levelbar.tab-indicator block.filled.middle:not(:backdrop), window.dialog.csd > levelbar.titlebar block.filled.middle:not(:backdrop), window.csd.aboutdialog > levelbar.titlebar block.filled.middle:not(:backdrop) {
    background: #ad5f00; }
    levelbar.flat block.filled.middle:not(:backdrop) + .empty:not(:backdrop), tab levelbar.tab-close-button block.filled.middle:not(:backdrop) + .empty:not(:backdrop),
    tab levelbar.tab-indicator block.filled.middle:not(:backdrop) + .empty:not(:backdrop), window.dialog.csd > levelbar.titlebar block.filled.middle:not(:backdrop) + .empty:not(:backdrop), window.csd.aboutdialog > levelbar.titlebar block.filled.middle:not(:backdrop) + .empty:not(:backdrop) {
      background: rgba(173, 95, 0, 0.2); }
  levelbar.flat block.filled.high:not(:backdrop), tab levelbar.tab-close-button block.filled.high:not(:backdrop),
  tab levelbar.tab-indicator block.filled.high:not(:backdrop), window.dialog.csd > levelbar.titlebar block.filled.high:not(:backdrop), window.csd.aboutdialog > levelbar.titlebar block.filled.high:not(:backdrop) {
    background: rgba(51, 51, 51, 0.6); }
  levelbar.flat block.filled.full:not(:backdrop), tab levelbar.tab-close-button block.filled.full:not(:backdrop),
  tab levelbar.tab-indicator block.filled.full:not(:backdrop), window.dialog.csd > levelbar.titlebar block.filled.full:not(:backdrop), window.csd.aboutdialog > levelbar.titlebar block.filled.full:not(:backdrop) {
    background: #3a9104; }
    levelbar.flat block.filled.full:not(:backdrop) + .empty:not(:backdrop), tab levelbar.tab-close-button block.filled.full:not(:backdrop) + .empty:not(:backdrop),
    tab levelbar.tab-indicator block.filled.full:not(:backdrop) + .empty:not(:backdrop), window.dialog.csd > levelbar.titlebar block.filled.full:not(:backdrop) + .empty:not(:backdrop), window.csd.aboutdialog > levelbar.titlebar block.filled.full:not(:backdrop) + .empty:not(:backdrop) {
      background: rgba(58, 145, 4, 0.2); }
  levelbar.flat block.filled:backdrop, tab levelbar.tab-close-button block.filled:backdrop,
  tab levelbar.tab-indicator block.filled:backdrop, window.dialog.csd > levelbar.titlebar block.filled:backdrop, window.csd.aboutdialog > levelbar.titlebar block.filled:backdrop {
    background: rgba(51, 51, 51, 0.2); }

levelbar.flat.inverted block.filled.low:not(:backdrop), tab levelbar.inverted.tab-close-button block.filled.low:not(:backdrop),
tab levelbar.inverted.tab-indicator block.filled.low:not(:backdrop), window.dialog.csd > levelbar.inverted.titlebar block.filled.low:not(:backdrop), window.csd.aboutdialog > levelbar.inverted.titlebar block.filled.low:not(:backdrop) {
  background: #3a9104; }
  levelbar.flat.inverted block.filled.low:not(:backdrop) + .empty:not(:backdrop), tab levelbar.inverted.tab-close-button block.filled.low:not(:backdrop) + .empty:not(:backdrop),
  tab levelbar.inverted.tab-indicator block.filled.low:not(:backdrop) + .empty:not(:backdrop), window.dialog.csd > levelbar.inverted.titlebar block.filled.low:not(:backdrop) + .empty:not(:backdrop), window.csd.aboutdialog > levelbar.inverted.titlebar block.filled.low:not(:backdrop) + .empty:not(:backdrop) {
    background: rgba(58, 145, 4, 0.2); }

levelbar.flat.inverted block.filled.middle:not(:backdrop), tab levelbar.inverted.tab-close-button block.filled.middle:not(:backdrop),
tab levelbar.inverted.tab-indicator block.filled.middle:not(:backdrop), window.dialog.csd > levelbar.inverted.titlebar block.filled.middle:not(:backdrop), window.csd.aboutdialog > levelbar.inverted.titlebar block.filled.middle:not(:backdrop) {
  background: rgba(51, 51, 51, 0.6); }

levelbar.flat.inverted block.filled.high:not(:backdrop), tab levelbar.inverted.tab-close-button block.filled.high:not(:backdrop),
tab levelbar.inverted.tab-indicator block.filled.high:not(:backdrop), window.dialog.csd > levelbar.inverted.titlebar block.filled.high:not(:backdrop), window.csd.aboutdialog > levelbar.inverted.titlebar block.filled.high:not(:backdrop) {
  background: #ad5f00; }
  levelbar.flat.inverted block.filled.high:not(:backdrop) + .empty:not(:backdrop), tab levelbar.inverted.tab-close-button block.filled.high:not(:backdrop) + .empty:not(:backdrop),
  tab levelbar.inverted.tab-indicator block.filled.high:not(:backdrop) + .empty:not(:backdrop), window.dialog.csd > levelbar.inverted.titlebar block.filled.high:not(:backdrop) + .empty:not(:backdrop), window.csd.aboutdialog > levelbar.inverted.titlebar block.filled.high:not(:backdrop) + .empty:not(:backdrop) {
    background: rgba(173, 95, 0, 0.2); }

levelbar.flat.inverted block.filled.full:not(:backdrop), tab levelbar.inverted.tab-close-button block.filled.full:not(:backdrop),
tab levelbar.inverted.tab-indicator block.filled.full:not(:backdrop), window.dialog.csd > levelbar.inverted.titlebar block.filled.full:not(:backdrop), window.csd.aboutdialog > levelbar.inverted.titlebar block.filled.full:not(:backdrop) {
  background: #c6262e; }
  levelbar.flat.inverted block.filled.full:not(:backdrop) + .empty:not(:backdrop), tab levelbar.inverted.tab-close-button block.filled.full:not(:backdrop) + .empty:not(:backdrop),
  tab levelbar.inverted.tab-indicator block.filled.full:not(:backdrop) + .empty:not(:backdrop), window.dialog.csd > levelbar.inverted.titlebar block.filled.full:not(:backdrop) + .empty:not(:backdrop), window.csd.aboutdialog > levelbar.inverted.titlebar block.filled.full:not(:backdrop) + .empty:not(:backdrop) {
    background: rgba(198, 38, 46, 0.2); }

.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, combobox.linked button:nth-child(2), viewswitcher > box > button.horizontal.radio:dir(ltr):not(:first-child), viewswitcher > box > button.horizontal.radio:dir(rtl):not(:last-child),
.linked:not(.vertical) > button:dir(ltr):not(:first-child),
.linked:not(.vertical) > button:dir(rtl):not(:last-child),
.linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child),
.linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child),
.linked:not(.vertical) > entry:dir(ltr):not(:first-child),
.linked:not(.vertical) > entry:dir(rtl):not(:last-child),
.linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child),
.linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0; }

.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, viewswitcher > box > button.horizontal.radio:dir(ltr):not(:last-child), viewswitcher > box > button.horizontal.radio:dir(rtl):not(:first-child),
.linked:not(.vertical) > button:dir(ltr):not(:last-child),
.linked:not(.vertical) > button:dir(rtl):not(:first-child),
.linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child),
.linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child),
.linked:not(.vertical) > entry:dir(ltr):not(:last-child),
.linked:not(.vertical) > entry:dir(rtl):not(:first-child),
.linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child),
.linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) {
  border-right-style: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0; }

.linked.vertical > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked.vertical > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked.vertical > button:dir(ltr):not(:first-child), .linked.vertical > button:dir(rtl):not(:last-child),
.linked.vertical > button.image-button:dir(ltr):not(:first-child),
.linked.vertical > button.image-button:dir(rtl):not(:last-child),
.linked.vertical > entry:dir(ltr):not(:first-child),
.linked.vertical > entry:dir(rtl):not(:last-child),
.linked.vertical > spinbutton:dir(ltr):not(:first-child),
.linked.vertical > spinbutton:dir(rtl):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.linked.vertical > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked.vertical > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked.vertical > button:dir(ltr):not(:last-child), .linked.vertical > button:dir(rtl):not(:first-child),
.linked.vertical > button.image-button:dir(ltr):not(:last-child),
.linked.vertical > button.image-button:dir(rtl):not(:first-child),
.linked.vertical > entry:dir(ltr):not(:last-child),
.linked.vertical > entry:dir(rtl):not(:first-child),
.linked.vertical > spinbutton:dir(ltr):not(:last-child),
.linked.vertical > spinbutton:dir(rtl):not(:first-child) {
  border-bottom-style: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

list,
listview {
  background-color: white; }
  popover list, popover listview {
    background-color: transparent; }
  list row:focus, list row:selected,
  listview row:focus,
  listview row:selected {
    background: rgba(51, 51, 51, 0.15); }
  list header,
  list .title-4,
  list .h4,
  list shortcuts-group > label,
  list popover.emoji-picker scrolledwindow.view box.vertical > label,
  popover.emoji-picker scrolledwindow.view list box.vertical > label,
  listview header,
  listview .title-4,
  listview .h4,
  listview shortcuts-group > label,
  listview popover.emoji-picker scrolledwindow.view box.vertical > label,
  popover.emoji-picker scrolledwindow.view listview box.vertical > label {
    margin: 0.5em; }
  list.rich-list > row,
  listview.rich-list > row {
    padding: 0.500000001rem;
    min-height: 2.6666666677rem; }
    list.rich-list > row > box button.toggle,
    list.rich-list > row > box > fontbutton,
    list.rich-list > row > box > entry,
    list.rich-list > row > box > spinbutton,
    listview.rich-list > row > box button.toggle,
    listview.rich-list > row > box > fontbutton,
    listview.rich-list > row > box > entry,
    listview.rich-list > row > box > spinbutton {
      margin: 0.250000001rem 0; }
  list.horizontal row.separator, list.separators.horizontal > row:not(.separator) + row:not(.separator),
  listview.horizontal row.separator,
  listview.separators.horizontal > row:not(.separator) + row:not(.separator) {
    border-right: 1px solid @menu_separator; }
  list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) + row:not(.separator),
  listview:not(.horizontal) row.separator,
  listview.separators:not(.horizontal) > row:not(.separator) + row:not(.separator) {
    border-top: 1px solid @menu_separator; }
  list.content,
  list.content list,
  listview.content,
  listview.content list {
    background-color: transparent; }
  list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected),
  listview.content list.nested > row:not(:active):not(:hover):not(:selected),
  listview.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) {
    background-color: #fdfdfd; }
  list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected),
  listview.content > row:not(.expander):not(:active):not(:hover):not(:selected),
  listview.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected),
  listview.content > row.expander row.header:not(:active):not(:hover):not(:selected),
  listview.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) {
    background-color: white; }
  list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected),
  listview.content > row:not(.expander):not(:active):hover.activatable:not(:selected),
  listview.content > row.expander row.header:not(:active):hover.activatable:not(:selected) {
    background-color: #fdfdfd; }
  list.content > row,
  list.content > row list > row,
  listview.content > row,
  listview.content > row list > row {
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    transition: 250ms cubic-bezier(0.4, 0, 0.2, 1); }
  list.content > row:not(:last-child),
  listview.content > row:not(:last-child) {
    border-width: 1px 1px 0 1px; }
  list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header,
  listview.content > row:first-child,
  listview.content > row.expander:first-child row.header,
  listview.content > row.expander:checked,
  listview.content > row.expander:checked row.header,
  listview.content > row.expander:checked + row,
  listview.content > row.expander:checked + row.expander row.header {
    border-top-right-radius: 0.250000001rem;
    border-top-left-radius: 0.250000001rem; }
  list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked,
  listview.content > row:last-child,
  listview.content > row.checked-expander-row-previous-sibling,
  listview.content > row.expander:checked {
    border-width: 1px; }
  list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child,
  listview.content > row:last-child,
  listview.content > row.checked-expander-row-previous-sibling,
  listview.content > row.expander:checked,
  listview.content > row.expander:not(:checked):last-child row.header,
  listview.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header,
  listview.content > row.expander.empty:checked row.header,
  listview.content > row.expander list.nested > row:last-child {
    border-bottom-right-radius: 0.250000001rem;
    border-bottom-left-radius: 0.250000001rem; }
  list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row,
  listview.content > row.expander:checked:not(:first-child),
  listview.content > row.expander:checked + row {
    margin-top: 1.000000001rem; }

menubar > item {
  padding: 0.250000001rem 0.500000001rem; }
  menubar > item image,
  menubar > item label {
    padding: 0.250000001rem; }

tabbar .box, notebook header {
  background-color: shade(@tab_base_color, 0.95);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 0.1666666677rem), rgba(0, 0, 0, 0.05) calc(100% - 0.0833333343rem), rgba(0, 0, 0, 0.15)); }
  tabbar .bottom.box, notebook header.bottom {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 0.1666666677rem), rgba(0, 0, 0, 0.05) calc(100% - 0.0833333343rem), rgba(0, 0, 0, 0.15)); }
  tabbar .right.box, notebook header.right {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 0.1666666677rem), rgba(0, 0, 0, 0.05) calc(100% - 0.0833333343rem), rgba(0, 0, 0, 0.15)); }
  tabbar .left.box, notebook header.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 0.1666666677rem), rgba(0, 0, 0, 0.05) calc(100% - 0.0833333343rem), rgba(0, 0, 0, 0.15)); }
  tabbar .box:backdrop, notebook header:backdrop {
    background-color: shade(@tab_base_color, 0.98); }

notebook header > box > button.image-button,
notebook header > button.image-button {
  min-width: 2.000000001rem; }

notebook header arrow {
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
  min-height: 16px;
  min-width: 16px; }
  notebook header arrow.down {
    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
  notebook header arrow:disabled {
    color: #979797; }

notebook viewport {
  background-color: white; }

tab {
  border-radius: 0.250000001rem;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 24px;
  padding: 0.250000001rem; }
  .bottom tab, .top tab {
    margin: 0.250000001rem 0; }
  .left tab, .right tab {
    margin: 0 0.250000001rem; }
  tab:hover:not(:checked) {
    background-color: shade(@tab_base_color, 0.9); }
  tab:checked {
    background-color: @tab_base_color;
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.08); }
    tab:checked:backdrop {
      background-color: shade(@tab_base_color, 0.97); }

tabbar .box {
  margin-top: 0.1666666677rem;
  padding-bottom: 0.1666666677rem; }
  tabbar .box tabbox {
    background: transparent; }

tabbar tab {
  background-clip: padding-box;
  border: 1px solid transparent;
  margin: 0 1px;
  min-height: 24px;
  transition: all 150ms ease-in; }
  tabbar tab:checked {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07); }

tabbar undershoot.left {
  background-image: linear-gradient(to left, alpha(@tab_base_color, 0), shade(@tab_base_color, 0.95)); }

tabbar undershoot.right {
  background-image: linear-gradient(to right, alpha(@tab_base_color, 0), shade(@tab_base_color, 0.95)); }

tabbar .start-action button,
tabbar .end-action button {
  margin: 0.250000001rem;
  padding: 0.250000001rem 0.500000001rem; }

.tab-drag-icon tab {
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 12px; }

window.notification .draw-area {
  background-color: #fafafa;
  border-radius: 0.500000001rem;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.2), 0 3px 8px 2px rgba(0, 0, 0, 0.1), 0 5px 5px -3px rgba(0, 0, 0, 0.4), 0 8px 5px 1px rgba(0, 0, 0, 0.1); }
  window.notification .draw-area image {
    color: rgba(51, 51, 51, 0.78); }
  window.notification .draw-area label.title {
    font-weight: 700; }
  window.notification .draw-area .urgent label.title {
    color: @error_color; }

.osd, .app-notification {
  background-color: rgba(51, 51, 51, 0.9);
  border: none;
  color: white;
  padding: 0.500000001rem;
  border-radius: 0.500000001rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 0.500000001rem; }
  .osd button.flat.image-button, .osd .sidebar .inline-toolbar button.image-button, .osd .sidebar actionbar.flat button.image-button,
  .osd .sidebar .bottom-toolbar.flat button.image-button,
  .osd .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.image-button,
  .osd .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.image-button,
  .osd .sidebar tab .bottom-toolbar.tab-close-button button.image-button,
  tab .osd .sidebar .bottom-toolbar.tab-close-button button.image-button,
  .osd .sidebar tab .bottom-toolbar.tab-indicator button.image-button,
  tab .osd .sidebar .bottom-toolbar.tab-indicator button.image-button,
  popover.emoji-picker .osd .sidebar .emoji-toolbar button.bottom-toolbar button.image-button, .sidebar .inline-toolbar .osd button.image-button, .sidebar actionbar.flat .osd button.image-button,
  .sidebar .bottom-toolbar.flat .osd button.image-button,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar .osd button.image-button,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .osd button.image-button,
  .sidebar tab .bottom-toolbar.tab-close-button .osd button.image-button,
  tab .sidebar .bottom-toolbar.tab-close-button .osd button.image-button,
  .sidebar tab .bottom-toolbar.tab-indicator .osd button.image-button,
  tab .sidebar .bottom-toolbar.tab-indicator .osd button.image-button, .osd .sidebar popover.emoji-picker .emoji-toolbar button.image-button, .sidebar popover.emoji-picker .emoji-toolbar .osd button.image-button, .osd popover.emoji-picker .sidebar .emoji-toolbar button.image-button, popover.emoji-picker .sidebar .emoji-toolbar .osd button.image-button, .app-notification button.flat.image-button, .app-notification .sidebar .inline-toolbar button.image-button, .app-notification .sidebar actionbar.flat button.image-button,
  .app-notification .sidebar .bottom-toolbar.flat button.image-button,
  .app-notification .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.image-button,
  .app-notification .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.image-button,
  .app-notification .sidebar tab .bottom-toolbar.tab-close-button button.image-button,
  tab .app-notification .sidebar .bottom-toolbar.tab-close-button button.image-button,
  .app-notification .sidebar tab .bottom-toolbar.tab-indicator button.image-button,
  tab .app-notification .sidebar .bottom-toolbar.tab-indicator button.image-button,
  popover.emoji-picker .app-notification .sidebar .emoji-toolbar button.bottom-toolbar button.image-button, .sidebar .inline-toolbar .app-notification button.image-button, .sidebar actionbar.flat .app-notification button.image-button,
  .sidebar .bottom-toolbar.flat .app-notification button.image-button,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar .app-notification button.image-button,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .app-notification button.image-button,
  .sidebar tab .bottom-toolbar.tab-close-button .app-notification button.image-button,
  tab .sidebar .bottom-toolbar.tab-close-button .app-notification button.image-button,
  .sidebar tab .bottom-toolbar.tab-indicator .app-notification button.image-button,
  tab .sidebar .bottom-toolbar.tab-indicator .app-notification button.image-button, .app-notification .sidebar popover.emoji-picker .emoji-toolbar button.image-button, .sidebar popover.emoji-picker .emoji-toolbar .app-notification button.image-button, .app-notification popover.emoji-picker .sidebar .emoji-toolbar button.image-button, popover.emoji-picker .sidebar .emoji-toolbar .app-notification button.image-button, .osd window.dialog.csd > button.image-button.titlebar, .osd window.csd.aboutdialog > button.image-button.titlebar, .app-notification window.dialog.csd > button.image-button.titlebar, .app-notification window.csd.aboutdialog > button.image-button.titlebar, .osd tab button.image-button.tab-close-button, .app-notification tab button.image-button.tab-close-button, tab .osd button.image-button.tab-close-button, tab .app-notification button.image-button.tab-close-button,
  .osd tab button.image-button.tab-indicator,
  .app-notification tab button.image-button.tab-indicator,
  tab .osd button.image-button.tab-indicator,
  tab .app-notification button.image-button.tab-indicator, .osd button.circular.image-button, .app-notification button.circular.image-button {
    background: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.9); }
    .osd button.flat.image-button:active, .osd .sidebar .inline-toolbar button.image-button:active, .osd .sidebar actionbar.flat button.image-button:active,
    .osd .sidebar .bottom-toolbar.flat button.image-button:active,
    .osd .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.image-button:active,
    .osd .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.image-button:active,
    .osd .sidebar tab .bottom-toolbar.tab-close-button button.image-button:active,
    tab .osd .sidebar .bottom-toolbar.tab-close-button button.image-button:active,
    .osd .sidebar tab .bottom-toolbar.tab-indicator button.image-button:active,
    tab .osd .sidebar .bottom-toolbar.tab-indicator button.image-button:active,
    popover.emoji-picker .osd .sidebar .emoji-toolbar button.bottom-toolbar button.image-button:active, .sidebar .inline-toolbar .osd button.image-button:active, .sidebar actionbar.flat .osd button.image-button:active,
    .sidebar .bottom-toolbar.flat .osd button.image-button:active,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar .osd button.image-button:active,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .osd button.image-button:active,
    .sidebar tab .bottom-toolbar.tab-close-button .osd button.image-button:active,
    tab .sidebar .bottom-toolbar.tab-close-button .osd button.image-button:active,
    .sidebar tab .bottom-toolbar.tab-indicator .osd button.image-button:active,
    tab .sidebar .bottom-toolbar.tab-indicator .osd button.image-button:active, .osd .sidebar popover.emoji-picker .emoji-toolbar button.image-button:active, .sidebar popover.emoji-picker .emoji-toolbar .osd button.image-button:active, .osd popover.emoji-picker .sidebar .emoji-toolbar button.image-button:active, popover.emoji-picker .sidebar .emoji-toolbar .osd button.image-button:active, .app-notification button.flat.image-button:active, .app-notification .sidebar .inline-toolbar button.image-button:active, .app-notification .sidebar actionbar.flat button.image-button:active,
    .app-notification .sidebar .bottom-toolbar.flat button.image-button:active,
    .app-notification .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.image-button:active,
    .app-notification .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.image-button:active,
    .app-notification .sidebar tab .bottom-toolbar.tab-close-button button.image-button:active,
    tab .app-notification .sidebar .bottom-toolbar.tab-close-button button.image-button:active,
    .app-notification .sidebar tab .bottom-toolbar.tab-indicator button.image-button:active,
    tab .app-notification .sidebar .bottom-toolbar.tab-indicator button.image-button:active,
    popover.emoji-picker .app-notification .sidebar .emoji-toolbar button.bottom-toolbar button.image-button:active, .sidebar .inline-toolbar .app-notification button.image-button:active, .sidebar actionbar.flat .app-notification button.image-button:active,
    .sidebar .bottom-toolbar.flat .app-notification button.image-button:active,
    .sidebar window.dialog.csd > .bottom-toolbar.titlebar .app-notification button.image-button:active,
    .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .app-notification button.image-button:active,
    .sidebar tab .bottom-toolbar.tab-close-button .app-notification button.image-button:active,
    tab .sidebar .bottom-toolbar.tab-close-button .app-notification button.image-button:active,
    .sidebar tab .bottom-toolbar.tab-indicator .app-notification button.image-button:active,
    tab .sidebar .bottom-toolbar.tab-indicator .app-notification button.image-button:active, .app-notification .sidebar popover.emoji-picker .emoji-toolbar button.image-button:active, .sidebar popover.emoji-picker .emoji-toolbar .app-notification button.image-button:active, .app-notification popover.emoji-picker .sidebar .emoji-toolbar button.image-button:active, popover.emoji-picker .sidebar .emoji-toolbar .app-notification button.image-button:active, .osd window.dialog.csd > button.image-button.titlebar:active, .osd window.csd.aboutdialog > button.image-button.titlebar:active, .app-notification window.dialog.csd > button.image-button.titlebar:active, .app-notification window.csd.aboutdialog > button.image-button.titlebar:active, .osd tab button.image-button.tab-close-button:active, .app-notification tab button.image-button.tab-close-button:active, tab .osd button.image-button.tab-close-button:active, tab .app-notification button.image-button.tab-close-button:active,
    .osd tab button.image-button.tab-indicator:active,
    .app-notification tab button.image-button.tab-indicator:active,
    tab .osd button.image-button.tab-indicator:active,
    tab .app-notification button.image-button.tab-indicator:active, .osd button.circular.image-button:active, .app-notification button.circular.image-button:active {
      background: rgba(51, 51, 51, 0.7);
      box-shadow: none;
      color: rgba(255, 255, 255, 0.7); }
  .osd button.circular.image-button, .app-notification button.circular.image-button {
    background: #333; }
  .osd button.text-button, .app-notification button.text-button {
    background-color: rgba(255, 255, 255, 0.9);
    color: #333;
    border-width: 0;
    box-shadow: none; }
    .osd button.text-button:active, .app-notification button.text-button:active {
      background-color: rgba(255, 255, 255, 0.7);
      box-shadow: none;
      color: rgba(51, 51, 51, 0.7); }
  .osd scale.horizontal, .app-notification scale.horizontal {
    margin: 0 1.000000001rem; }
  .osd scale.vertical, .app-notification scale.vertical {
    margin: 1.000000001rem 0; }
  .osd scale highlight, .app-notification scale highlight,
  .osd scale trough,
  .app-notification scale trough {
    border: none;
    box-shadow: none; }
  .osd scale.horizontal highlight.bottom, .app-notification scale.horizontal highlight.bottom,
  .osd scale.horizontal highlight.top,
  .app-notification scale.horizontal highlight.top, .osd scale.vertical highlight.bottom, .app-notification scale.vertical highlight.bottom,
  .osd scale.vertical highlight.top,
  .app-notification scale.vertical highlight.top {
    background: white;
    margin: 0; }
  .osd scale trough, .app-notification scale trough {
    background: rgba(255, 255, 255, 0.3); }

overlaybar .osd, overlaybar .app-notification {
  border-radius: 0.250000001rem;
  padding: 0.500000001rem 1.000000001rem; }
  overlaybar .osd spinner, overlaybar .app-notification spinner {
    text-shadow: 0 0.0833333343rem 0.1666666677rem rgba(0, 0, 0, 0.6);
    -gtk-icon-shadow: 0 0.0833333343rem 0.1666666677rem rgba(0, 0, 0, 0.6); }
  overlaybar .osd revealer:dir(ltr) > spinner, overlaybar .app-notification revealer:dir(ltr) > spinner {
    margin-left: 0.500000001rem; }
  overlaybar .osd revealer:dir(rtl) > spinner, overlaybar .app-notification revealer:dir(rtl) > spinner {
    margin-right: 0.500000001rem; }

paned.horizontal > separator {
  background-image: linear-gradient(to right, @menu_separator 1px, @menu_separator_shadow 1px, @menu_separator_shadow 2px, transparent 2px);
  margin-right: -8px;
  min-width: 9px; }

paned.vertical > separator {
  background-image: linear-gradient(to bottom, @menu_separator 1px, @menu_separator_shadow 1px, @menu_separator_shadow 2px, transparent 2px);
  margin-bottom: -8px;
  min-height: 9px; }

placeholder {
  margin: 1.000000001rem; }
  placeholder > grid > .large-icons {
    -gtk-icon-size: 48px; }
    placeholder > grid > .large-icons:dir(ltr) {
      margin-right: 0.250000001rem; }
    placeholder > grid > .large-icons:dir(rtl) {
      margin-left: 0.250000001rem; }
  placeholder .title-1:dir(ltr),
  placeholder .title-2:dir(ltr) {
    margin-left: 0.750000001rem; }
  placeholder .title-1:dir(rtl),
  placeholder .title-2:dir(rtl) {
    margin-right: 0.750000001rem; }
  placeholder .title-1 + .title-2 {
    margin-top: 0.250000001rem; }
  placeholder .title-2 {
    color: #333;
    font-size: 12pt;
    font-weight: initial; }
  placeholder box {
    margin-top: 1.000000001rem; }
    placeholder box button .large-icons {
      -gtk-icon-size: 32px; }
      placeholder box button .large-icons:dir(ltr) {
        margin-right: 0.500000001rem; }
      placeholder box button .large-icons:dir(rtl) {
        margin-left: 0.500000001rem; }
    placeholder box button label.title-3 {
      font-weight: initial; }
    placeholder box button + button {
      margin-top: 1.000000001rem; }

popover.background modelbutton,
popover.background .menuitem, dropdown popover listview row,
dropdown popover listview.view row {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #333;
  font: initial;
  letter-spacing: initial;
  min-width: 12.500000001rem;
  outline-style: none;
  padding: 0.500000001rem 1.000000001rem; }
  popover.background modelbutton:disabled,
  popover.background .menuitem:disabled, dropdown popover listview row:disabled {
    color: #979797; }
    popover.background modelbutton:disabled accelerator,
    popover.background .menuitem:disabled accelerator, dropdown popover listview row:disabled accelerator,
    popover.background modelbutton:disabled .keycap,
    popover.background .menuitem:disabled .keycap,
    dropdown popover listview row:disabled .keycap {
      opacity: 0.7; }
  popover.background modelbutton:hover,
  popover.background .menuitem:hover, dropdown popover listview row:hover {
    box-shadow: none;
    background-color: rgba(51, 51, 51, 0.15); }
  popover.background modelbutton.destructive-action,
  popover.background .destructive-action.menuitem, dropdown popover listview row.destructive-action {
    color: #c6262e; }
    popover.background modelbutton.destructive-action:hover,
    popover.background .destructive-action.menuitem:hover, dropdown popover listview row.destructive-action:hover {
      background-color: rgba(198, 38, 46, 0.2); }
  popover.background modelbutton accelerator,
  popover.background .menuitem accelerator, dropdown popover listview row accelerator,
  dropdown popover listview.view row accelerator,
  popover.background modelbutton .keycap,
  popover.background .menuitem .keycap,
  dropdown popover listview row .keycap {
    background: rgba(0, 0, 0, 0.08);
    border: none;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
    color: alpha(@fg_color, 0.78);
    margin: 0 0 1px;
    padding: 0.250000001rem 0.500000001rem calc(0.250000001rem - 1px); }
  popover.background modelbutton check.left,
  popover.background .menuitem check.left, dropdown popover listview row check.left,
  popover.background modelbutton radio.left,
  popover.background .menuitem radio.left,
  dropdown popover listview row radio.left {
    margin-right: 0.500000001rem; }
  popover.background modelbutton check.right,
  popover.background .menuitem check.right, dropdown popover listview row check.right,
  popover.background modelbutton radio.right,
  popover.background .menuitem radio.right,
  dropdown popover listview row radio.right {
    margin-left: 0.500000001rem; }
  popover.background modelbutton switch slider,
  popover.background .menuitem switch slider, dropdown popover listview row switch slider,
  dropdown popover listview.view row switch slider {
    min-height: 1.6666666677rem;
    min-width: 1.6666666677rem; }

popover.background {
  background: transparent;
  font: initial; }
  popover.background > arrow,
  popover.background > contents {
    background-clip: padding-box;
    background-color: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 3px 4px rgba(0, 0, 0, 0.15), 0 3px 3px -3px rgba(0, 0, 0, 0.35);
    color: #333; }
  popover.background > contents {
    border-radius: 0.500000001rem; }
    popover.background > contents label.heading,
    popover.background > contents label.h4,
    popover.background > contents shortcuts-group > label,
    popover.background > contents popover.emoji-picker scrolledwindow.view box.vertical > label,
    popover.emoji-picker scrolledwindow.view popover.background > contents box.vertical > label {
      margin: 0 1.000000001rem; }
    popover.background > contents separator.horizontal {
      border-top: 1px solid @menu_separator;
      border-bottom: 1px solid @menu_separator_shadow;
      margin-bottom: -1px; }
    popover.background > contents separator.vertical {
      border-left: 1px solid @menu_separator;
      border-right: 1px solid @menu_separator_shadow;
      margin-right: -1px; }
    popover.background > contents undershoot.top {
      background: linear-gradient(#fafafa 0%, rgba(250, 250, 250, 0) 50%); }
    popover.background > contents undershoot.bottom {
      background: linear-gradient(rgba(250, 250, 250, 0) 50%, #fafafa 100%); }
    popover.background > contents arrow {
      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
      min-height: 16px;
      min-width: 16px; }
      popover.background > contents arrow:dir(rtl) {
        -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
      popover.background > contents arrow.top {
        border-bottom: 1px solid @menu_separator;
        margin-top: -6px;
        -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
      popover.background > contents arrow.bottom {
        border-top: 1px solid @menu_separator;
        margin-bottom: -18px;
        margin-top: 16px;
        -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
      popover.background > contents arrow.left {
        -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
      popover.background > contents arrow:disabled {
        color: #979797; }
  popover.background.entry-completion > contents treeview {
    margin: 0.500000001rem 0; }
    popover.background.entry-completion > contents treeview.view.cell {
      padding: 0.500000001rem 1.000000001rem; }
  popover.background.menu > contents {
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 3px 4px rgba(0, 0, 0, 0.15), 0 3px 3px -3px rgba(0, 0, 0, 0.35);
    padding: 0.500000001rem 0; }
    popover.background.menu > contents popover {
      box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 3px 8px 2px rgba(0, 0, 0, 0.1), 0 5px 5px -3px rgba(0, 0, 0, 0.4), 0 8px 5px 1px rgba(0, 0, 0, 0.1); }
    popover.background.menu > contents .menuitem:dir(ltr) image:first-child {
      margin-left: -1.9166666677rem;
      padding-left: 0;
      padding-right: 0.4166666677rem; }
    popover.background.menu > contents .menuitem:dir(ltr) > check,
    popover.background.menu > contents .menuitem:dir(ltr) > radio {
      margin-right: 0.500000001rem;
      margin-left: -0.500000001rem; }
    popover.background.menu > contents .menuitem:dir(rtl) image:first-child {
      margin-right: -1.9166666677rem;
      padding-left: 0.4166666677rem;
      padding-right: 0; }
    popover.background.menu > contents .menuitem:dir(rtl) > check,
    popover.background.menu > contents .menuitem:dir(rtl) > radio {
      margin-left: 0.500000001rem;
      margin-right: -0.500000001rem; }
    popover.background.menu > contents separator {
      margin: 0.250000001rem 0; }
    popover.background.menu > contents box.circular-buttons,
    popover.background.menu > contents box.horizontal-buttons,
    popover.background.menu > contents widget > scale {
      margin: 0.500000001rem 1.000000001rem; }
    popover.background.menu > contents widget:dir(ltr) > scale {
      margin: 0.500000001rem 1.000000001rem 0.500000001rem 2.6666666677rem; }
    popover.background.menu > contents box.circular-buttons button.circular.image-button {
      padding: 0.750000001rem; }
    popover.background.menu > contents box.inline-buttons {
      margin: 0.250000001rem 1.000000001rem; }
      popover.background.menu > contents box.inline-buttons:dir(ltr) button + button {
        margin-left: 0.500000001rem; }
    popover.background.menu > contents:dir(ltr) box.inline-buttons label + box, popover.background.menu > contents:dir(ltr) modelbutton label + accelerator {
      margin-left: 1.000000001rem; }
    popover.background.menu > contents .title {
      font-weight: 700; }
      popover.background.menu > contents .title.separator {
        margin: 0.500000001rem 2.6666666677rem;
        opacity: 0.8; }
  popover.background modelbutton.heading label, popover.background modelbutton.h4 label, popover.background modelbutton.title-4 label,
  popover.background .menuitem.heading label,
  popover.background .menuitem.h4 label,
  popover.background shortcuts-group > label.menuitem label,
  popover.background popover.emoji-picker scrolledwindow.view box.vertical > label.menuitem label,
  popover.emoji-picker scrolledwindow.view popover.background box.vertical > label.menuitem label,
  popover.background .menuitem.title-4 label {
    padding: 0; }

progressbar {
  border-radius: 0.1666666677rem; }
  progressbar progress,
  progressbar trough {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.1666666677rem; }
  progressbar progress {
    background-color: @accent_color;
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07); }
    progressbar progress:backdrop {
      background-color: #dfdfdf; }
  progressbar trough {
    background-color: #fafafa;
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 1px 1px rgba(0, 0, 0, 0.05); }
  progressbar.horizontal progress,
  progressbar.horizontal trough {
    min-height: 0.500000001rem;
    min-width: 0.250000001rem; }
  progressbar.horizontal progress {
    margin: 0 -1px; }
    progressbar.horizontal progress:not(.pulse) {
      animation: progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
      background-size: cover, 48px 100%;
      background-repeat: no-repeat;
      background-image: linear-gradient(to bottom, alpha(@highlight_color, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 60%, rgba(255, 255, 255, 0)); }
      progressbar.horizontal progress:not(.pulse).right {
        animation-direction: reverse; }
    progressbar.horizontal progress:backdrop {
      animation: none;
      background-image: none; }
  progressbar.vertical progress,
  progressbar.vertical trough {
    min-height: 0.250000001rem;
    min-width: 0.500000001rem; }
  progressbar.vertical progress {
    margin: -1px 0; }
  progressbar.flat progress, window.dialog.csd > progressbar.titlebar progress, window.csd.aboutdialog > progressbar.titlebar progress, tab progressbar.tab-close-button progress,
  tab progressbar.tab-indicator progress,
  progressbar.flat trough,
  window.dialog.csd > progressbar.titlebar trough,
  window.csd.aboutdialog > progressbar.titlebar trough,
  tab progressbar.tab-close-button trough,
  tab progressbar.tab-indicator trough {
    box-shadow: none;
    border: none;
    border-radius: 0.500000001rem;
    margin: 0; }
  progressbar.flat progress, window.dialog.csd > progressbar.titlebar progress, window.csd.aboutdialog > progressbar.titlebar progress, tab progressbar.tab-close-button progress,
  tab progressbar.tab-indicator progress,
  progressbar.flat progress:backdrop,
  progressbar.flat .horizontal progress {
    animation: none;
    background: alpha(@fg_color, 0.78); }
  progressbar.flat trough, window.dialog.csd > progressbar.titlebar trough, window.csd.aboutdialog > progressbar.titlebar trough, tab progressbar.tab-close-button trough,
  tab progressbar.tab-indicator trough {
    background: alpha(@fg_color, 0.15); }

@keyframes progress {
  from {
    background-position: 0, calc(0% - 48px), 0%; }
  to {
    background-position: 0, calc(100% + 48px), 0%; } }

scale fill {
  background-color: rgba(0, 0, 0, 0.25); }

scale highlight {
  background-color: rgba(51, 51, 51, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); }
  scale highlight:disabled {
    background-color: rgba(51, 51, 51, 0.25);
    border-color: transparent;
    box-shadow: none; }

scale mark indicator {
  background: #b4b4b4; }

scale slider {
  background-color: #fafafa;
  border-radius: 1.000000001rem;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  min-height: 1.1666666677rem;
  min-width: 1.1666666677rem; }
  scale slider:backdrop {
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px 1px rgba(0, 0, 0, 0.08); }
  scale slider:disabled {
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none; }

scale trough {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1.000000001rem;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 0 alpha(@highlight_color, 0.3);
  min-height: 0.250000001rem;
  min-width: 0.250000001rem; }
  scale trough:disabled {
    background-image: none; }

scale.color.horizontal trough, scale.color.vertical trough {
  padding: 0; }

scale.accent fill {
  background-color: alpha(@accent_color, 0.33); }

scale.accent highlight {
  background-color: @accent_color; }

scale.temperature trough {
  background-image: linear-gradient(to right, #3689e6, #f9c440); }

scale.temperature:dir(rtl) trough {
  background-image: linear-gradient(to left, #3689e6, #f9c440); }

scale.warmth trough {
  background-image: linear-gradient(to right, #fddebc, #f37329); }

scale.warmth:dir(rtl) trough {
  background-image: linear-gradient(to left, #fddebc, #f37329); }

scale.horizontal highlight.top,
scale.horizontal fill.top {
  border-radius: 1.000000001rem 0 0 1.000000001rem;
  margin: -1px 0 -1px -1px; }

scale.horizontal highlight.bottom,
scale.horizontal fill.bottom {
  border-radius: 0 1.000000001rem 1.000000001rem 0;
  margin: -1px -1px -1px 0; }

scale.horizontal marks.bottom {
  margin-top: 0.500000001rem; }

scale.horizontal marks.top {
  margin-top: 0.500000001rem; }

scale.horizontal marks mark indicator {
  min-height: 0.500000001rem;
  min-width: 1px; }

scale.horizontal slider {
  margin: -0.500000001rem -1px; }

scale.horizontal trough {
  margin: 0.500000001rem 0; }

scale.vertical highlight.top,
scale.vertical fill.top {
  border-radius: 1.000000001rem 1.000000001rem 0 0;
  margin: -1px -1px 0 -1px; }

scale.vertical highlight.bottom,
scale.vertical fill.bottom {
  border-radius: 0 0 1.000000001rem 1.000000001rem;
  margin: 0 -1px -1px -1px; }

scale.vertical marks.bottom {
  margin-left: 0.500000001rem; }

scale.vertical marks.top {
  margin-right: 0.500000001rem; }

scale.vertical marks mark indicator {
  min-height: 1px;
  min-width: 0.500000001rem; }

scale.vertical slider {
  margin: -1px -0.500000001rem; }

scale.vertical trough {
  margin: 0 0.500000001rem; }

scale:focus slider {
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 0.250000001rem alpha(@accent_color, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px @accent_color; }

.seek-bar scale slider {
  background: transparent;
  border: transparent;
  box-shadow: none;
  min-width: 0;
  min-height: 0; }

scrollbar {
  background-color: transparent;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); }
  scrollbar:hover, scrollbar.hovering {
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); }
    scrollbar:hover trough, scrollbar.hovering trough {
      background-color: transparent;
      border-radius: 0; }
  scrollbar button {
    border: none;
    background-image: none;
    background-color: transparent; }
  scrollbar slider {
    background-clip: padding-box;
    background-color: rgba(51, 51, 51, 0.6);
    border: 1px solid rgba(250, 250, 250, 0.25);
    border-radius: 0.8333333343rem;
    margin: 1px;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
  scrollbar.horizontal slider {
    min-width: 2.6666666677rem;
    min-height: 0.250000001rem; }
  scrollbar.horizontal:hover slider, scrollbar.horizontal.hovering slider {
    min-height: 0.750000001rem; }
  scrollbar.vertical slider {
    min-height: 2.6666666677rem;
    min-width: 0.250000001rem; }
  scrollbar.vertical:hover slider, scrollbar.vertical.hovering slider {
    min-width: 0.750000001rem; }
  scrollbar.overlay-indicator slider {
    border-radius: 1.6666666677rem; }
  scrollbar.overlay-indicator trough {
    background-color: transparent; }
  scrollbar.overlay-indicator:hover trough, scrollbar.overlay-indicator.hovering trough {
    background-color: rgba(51, 51, 51, 0.1); }
  scrollbar trough {
    padding: 0;
    transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1); }

separator.horizontal {
  border-top: 1px solid @menu_separator;
  border-bottom: 1px solid @menu_separator_shadow;
  margin-bottom: -1px; }

separator.vertical {
  border-left: 1px solid @menu_separator;
  border-right: 1px solid @menu_separator_shadow;
  margin-right: -1px; }

actionbar > separator, headerbar > windowhandle > box > box separator.horizontal, headerbar > windowhandle > box > box separator.vertical {
  border: none;
  margin: 0;
  min-height: 1px;
  min-width: 3.000000001rem; }

stacksidebar separator.horizontal {
  border: none; }

simplesettingspage > scrolledwindow > viewport > box {
  padding: 1.000000001rem; }

simplesettingspage .header-area {
  margin-bottom: 2.000000001rem; }
  simplesettingspage .header-area > image {
    -gtk-icon-size: 4.000000001rem; }
    simplesettingspage .header-area > image:dir(ltr) {
      margin-left: -0.3333333343rem;
      margin-right: 0.5833333343rem; }
    simplesettingspage .header-area > image:dir(rtl) {
      margin-left: 0.5833333343rem;
      margin-right: -0.3333333343rem; }
  simplesettingspage .header-area label.title-2 {
    font-weight: 600;
    font-size: 2rem; }
  simplesettingspage .header-area label:not(.title-2) {
    font-size: 0.95rem;
    opacity: 0.85; }
  simplesettingspage .header-area switch slider {
    min-height: 2rem;
    min-width: 2rem; }
  simplesettingspage .header-area switch:dir(ltr) {
    margin-left: 1.000000001rem; }
  simplesettingspage .header-area switch:dir(rtl) {
    margin-right: 1.000000001rem; }

simplesettingspage .buttonbox {
  margin-top: 2.000000001rem; }

shortcuts-section {
  margin: 1.000000001rem; }

shortcut .dim-label, shortcut placeholder .title-2, placeholder shortcut .title-2, shortcut placeholder box button label:not(.title-3), placeholder box button shortcut label:not(.title-3), shortcut scale mark label, scale mark shortcut label {
  margin-left: 0.250000001rem;
  margin-right: 0.250000001rem; }

accelerator,
.keycap {
  background-color: #fafafa;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), alpha(@highlight_color, 0.2));
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.250000001rem;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), inset 0 -1px 0 0 #dfdfdf, 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 85%;
  min-width: 1.000000001rem;
  padding: 0.250000001rem 0.500000001rem calc(0.250000001rem + 1px); }
  accelerator:backdrop,
  .keycap:backdrop {
    background-image: linear-gradient(to bottom, alpha(@highlight_color, 0.3), alpha(@highlight_color, 0.35)); }

treeview.sidebar .view:hover, .sidebar row:hover,
.sidebar > label:hover {
  background-color: rgba(255, 255, 255, 0.75); }

treeview.sidebar .view:selected, .sidebar row:selected,
.sidebar > label:selected, treeview.sidebar .highlight.view, .sidebar row.highlight,
.sidebar > label.highlight {
  background-color: #dfdfdf;
  color: #333; }

popover .sidebar, popover .sidebar.view, popover .source-list {
  background: transparent; }

.sidebar,
.sidebar list,
.sidebar .view,
.sidebar.view,
.sidebar.view list,
.sidebar.view .view,
.source-list,
.source-list list,
.source-list .view {
  background-color: #f1f1f1; }

.sidebar:dir(ltr) {
  border-right: 1px solid @menu_separator; }

.sidebar:dir(rtl) {
  border-left: 1px solid @menu_separator; }

paned.horizontal .sidebar:dir(ltr) {
  border-right: none; }

paned.horizontal .sidebar:dir(rtl) {
  border-left: none; }

.sidebar row,
.sidebar > label {
  padding: 0.500000001rem 1.000000001rem; }

placessidebar.frame,
placessidebar viewport.frame {
  border: none; }
  placessidebar.frame .sidebar-icon,
  placessidebar viewport.frame .sidebar-icon {
    -gtk-icon-style: regular; }
  placessidebar.frame .sidebar-icon + .sidebar-label:dir(ltr),
  placessidebar.frame .sidebar-label + .sidebar-icon:dir(rtl),
  placessidebar viewport.frame .sidebar-icon + .sidebar-label:dir(ltr),
  placessidebar viewport.frame .sidebar-label + .sidebar-icon:dir(rtl) {
    margin-left: 0.500000001rem; }

settingssidebar list {
  min-width: 16.6666666677rem; }
  settingssidebar list row,
  settingssidebar list > .title-4 {
    padding: 0.500000001rem; }
  settingssidebar list row overlay {
    min-width: calc(32px + 0.500000001rem); }
  settingssidebar list row overlay:dir(ltr) {
    margin-right: 0.500000001rem; }
  settingssidebar list row overlay:dir(rtl) {
    margin-left: 0.500000001rem; }

treeview.sidebar entry.flat, treeview.sidebar window.dialog.csd > entry.titlebar, treeview.sidebar window.csd.aboutdialog > entry.titlebar, treeview.sidebar tab entry.tab-close-button, tab treeview.sidebar entry.tab-close-button,
treeview.sidebar tab entry.tab-indicator,
tab treeview.sidebar entry.tab-indicator {
  background-color: #dfdfdf; }

spinbutton button.image-button:active {
  background: rgba(0, 0, 0, 0.05);
  color: @selected_fg_color; }

spinbutton.horizontal button {
  padding: 0.3333333343rem; }
  spinbutton.horizontal button:dir(ltr) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  spinbutton.horizontal button:dir(rtl) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  spinbutton.horizontal button.down {
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 0;
    border-style: solid;
    border-width: 0 1px; }

spinbutton.horizontal text {
  margin: 0 0.500000001rem; }

spinbutton.vertical button.down {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

spinbutton.vertical button.up {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

spinbutton.vertical text {
  margin: 0.500000001rem 0; }

spinner {
  background-image: none;
  opacity: 0;
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
  spinner:checked {
    opacity: 1;
    animation: spin 600ms steps(12) infinite; }
    spinner:checked:backdrop {
      opacity: 0.8; }
    spinner:checked:disabled {
      opacity: 0.5; }

entry.spin:dir(ltr) image:last-child,
entry.spin:dir(rtl) image:first-child {
  animation: spin 600ms steps(12) infinite; }

deck > dimming,
leaflet > dimming,
webkitwebview > dimming {
  background: rgba(0, 0, 0, 0.15); }

deck > border,
leaflet > border,
webkitwebview > border {
  min-width: 1px;
  min-height: 1px;
  background: rgba(0, 0, 0, 0.15); }

deck > shadow.left,
leaflet > shadow.left,
webkitwebview > shadow.left {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 0.500000001rem); }

deck > shadow.right,
leaflet > shadow.right,
webkitwebview > shadow.right {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 0.500000001rem); }

deck > shadow.up,
leaflet > shadow.up,
webkitwebview > shadow.up {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 0.500000001rem); }

deck > shadow.down,
leaflet > shadow.down,
webkitwebview > shadow.down {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 0.500000001rem); }

.storage-bar .trough {
  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15); }

.storage-bar .fill-block {
  background-image: linear-gradient(to bottom, #d4d4d4, #abacae);
  border: 1px solid rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07);
  transition: all 200ms ease-in-out;
  padding: 0.6666666677rem 0.250000001rem; }
  .storage-bar .fill-block:not(:first-child) {
    border-left-width: 0; }
  .storage-bar .fill-block:first-child {
    border-top-left-radius: 0.250000001rem;
    border-bottom-left-radius: 0.250000001rem; }
  .storage-bar .fill-block:last-child {
    border-top-right-radius: 0.250000001rem;
    border-bottom-right-radius: 0.250000001rem; }
  .storage-bar .fill-block.legend {
    padding: 0.6666666677rem;
    border-radius: 50%; }
  .storage-bar .fill-block.empty-block, .storage-bar .fill-block.unused {
    background-image: linear-gradient(to bottom, #ededed, #d4d4d4);
    border-color: rgba(0, 0, 0, 0.25); }
  .storage-bar .fill-block.app {
    background-image: linear-gradient(to bottom, #a56de2, #7239b3);
    border-color: rgba(69, 41, 129, 0.8); }
  .storage-bar .fill-block.audio {
    background-image: linear-gradient(to bottom, #ffa154, #f37329);
    border-color: rgba(204, 59, 2, 0.8); }
  .storage-bar .fill-block.files {
    background-image: linear-gradient(to bottom, #64baff, #3689e6);
    border-color: rgba(13, 82, 191, 0.8); }
  .storage-bar .fill-block.photo {
    background-image: linear-gradient(to bottom, #ffe16b, #f9c440);
    border-color: rgba(212, 142, 21, 0.8); }
  .storage-bar .fill-block.video {
    background-image: linear-gradient(to bottom, #ed5353, #c6262e);
    border-color: rgba(161, 7, 5, 0.8); }

switch {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 alpha(@highlight_color, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 1.3333333343rem;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1); }
  switch:checked:not(.mode-switch):not(:backdrop) {
    background-color: @accent_color;
    border-color: shade(@accent_color, 0.85); }
    switch:checked:not(.mode-switch):not(:backdrop):disabled {
      box-shadow: 0 1px 0 0 alpha(@highlight_color, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.05);
      background-image: none;
      background-color: mix(@theme_bg_color, @accent_color, 0.5);
      border-color: shade(mix(@theme_bg_color, @accent_color, 0.5), 0.75); }
  switch image {
    color: transparent; }
  switch slider {
    background-color: #fafafa;
    background-clip: padding-box;
    border-radius: 99px;
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    min-height: 2.000000001rem;
    min-width: 2.000000001rem; }
  switch.mode-switch slider {
    min-height: 1.3333333343rem;
    min-width: 1.3333333343rem; }
  switch:disabled {
    background-color: rgba(0, 0, 0, 0.03);
    box-shadow: 0 1px 0 0 alpha(@highlight_color, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.05); }
    switch:disabled slider {
      background-color: #f1f1f1;
      box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.08); }
  switch:focus {
    border-color: @accent_color;
    color: @selected_fg_color;
    outline-color: alpha(@accent_color, 0.3);
    outline-width: 0.1666666677rem;
    outline-style: solid; }
    switch:focus slider {
      box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px @accent_color, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      color: @selected_fg_color;
      outline-color: alpha(@accent_color, 0.3);
      outline-width: 0.250000001rem;
      outline-style: solid; }

toast .osd > label, toast .app-notification > label {
  margin: 0 1.000000001rem;
  text-shadow: 0 1px 2px rgba(51, 51, 51, 0.6); }

.app-notification {
  padding: 0; }
  .app-notification button.flat.image-button, .app-notification .sidebar .inline-toolbar button.image-button, .app-notification .sidebar actionbar.flat button.image-button,
  .app-notification .sidebar .bottom-toolbar.flat button.image-button,
  .app-notification .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.image-button,
  .app-notification .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.image-button,
  .app-notification .sidebar tab .bottom-toolbar.tab-close-button button.image-button,
  tab .app-notification .sidebar .bottom-toolbar.tab-close-button button.image-button,
  .app-notification .sidebar tab .bottom-toolbar.tab-indicator button.image-button,
  tab .app-notification .sidebar .bottom-toolbar.tab-indicator button.image-button,
  popover.emoji-picker .app-notification .sidebar .emoji-toolbar button.bottom-toolbar button.image-button, .sidebar .inline-toolbar .app-notification button.image-button, .sidebar actionbar.flat .app-notification button.image-button,
  .sidebar .bottom-toolbar.flat .app-notification button.image-button,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar .app-notification button.image-button,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar .app-notification button.image-button,
  .sidebar tab .bottom-toolbar.tab-close-button .app-notification button.image-button,
  tab .sidebar .bottom-toolbar.tab-close-button .app-notification button.image-button,
  .sidebar tab .bottom-toolbar.tab-indicator .app-notification button.image-button,
  tab .sidebar .bottom-toolbar.tab-indicator .app-notification button.image-button, .app-notification .sidebar popover.emoji-picker .emoji-toolbar button.image-button, .sidebar popover.emoji-picker .emoji-toolbar .app-notification button.image-button, .app-notification popover.emoji-picker .sidebar .emoji-toolbar button.image-button, popover.emoji-picker .sidebar .emoji-toolbar .app-notification button.image-button, .app-notification window.dialog.csd > button.image-button.titlebar, .app-notification window.csd.aboutdialog > button.image-button.titlebar, .app-notification tab button.image-button.tab-close-button, tab .app-notification button.image-button.tab-close-button,
  .app-notification tab button.image-button.tab-indicator,
  tab .app-notification button.image-button.tab-indicator {
    background: #333;
    border-radius: 50%;
    padding: 0.3333333343rem; }
  .app-notification box > label {
    margin: 0;
    text-shadow: 0 1px 2px rgba(51, 51, 51, 0.6); }

.inline-toolbar, actionbar.flat,
.bottom-toolbar.flat,
window.dialog.csd > .bottom-toolbar.titlebar,
window.csd.aboutdialog > .bottom-toolbar.titlebar,
tab .bottom-toolbar.tab-close-button,
tab .bottom-toolbar.tab-indicator,
.sidebar .inline-toolbar button.bottom-toolbar,
.sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar,
popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar, popover.emoji-picker .emoji-toolbar {
  background-color: #fafafa;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0.07) 1px, transparent 0.250000001rem);
  box-shadow: none; }
  .inline-toolbar:backdrop, actionbar.flat:backdrop,
  .bottom-toolbar.flat:backdrop,
  window.dialog.csd > .bottom-toolbar.titlebar:backdrop,
  window.csd.aboutdialog > .bottom-toolbar.titlebar:backdrop,
  tab .bottom-toolbar.tab-close-button:backdrop,
  tab .bottom-toolbar.tab-indicator:backdrop,
  .sidebar .inline-toolbar button.bottom-toolbar:backdrop,
  .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar:backdrop,
  popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar:backdrop, popover.emoji-picker .emoji-toolbar:backdrop {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0.04) 1px, transparent 0.250000001rem);
    box-shadow: none; }
  .sidebar .inline-toolbar, .sidebar actionbar.flat,
  .sidebar .bottom-toolbar.flat,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar,
  .sidebar tab .bottom-toolbar.tab-close-button,
  tab .sidebar .bottom-toolbar.tab-close-button,
  .sidebar tab .bottom-toolbar.tab-indicator,
  tab .sidebar .bottom-toolbar.tab-indicator,
  .sidebar .inline-toolbar button.bottom-toolbar,
  .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar,
  popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar, .sidebar popover.emoji-picker .emoji-toolbar, popover.emoji-picker .sidebar .emoji-toolbar {
    background-color: #e8e8e8;
    background-image: linear-gradient(to bottom, @menu_separator 1px, rgba(0, 0, 0, 0.04) 1px, transparent 0.250000001rem);
    padding: 0.250000001rem 0.500000001rem; }

actionbar,
.bottom-toolbar {
  background-color: @color_primary;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px alpha(shade(@color_primary, 0.7), 0.4), 0 -0.0833333343rem 0.1666666677rem rgba(0, 0, 0, 0.2);
  padding: 0.250000001rem 0.500000001rem;
  /* Workaround for border */ }
  revealer > actionbar, revealer > .bottom-toolbar {
    margin-top: 1px; }
  actionbar:backdrop,
  .bottom-toolbar:backdrop {
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px alpha(shade(@color_primary, 0.7), 0.3), 0 -0.0833333343rem 0.0833333343rem rgba(0, 0, 0, 0.15); }
  viewswitcherbar actionbar, viewswitcherbar .bottom-toolbar {
    background: transparent;
    box-shadow: none;
    padding: 0; }

.search-bar {
  background-color: #f1f1f1; }

tooltip {
  padding: 0.500000001rem;
  border-radius: 0.250000001rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 0.250000001rem; }
  tooltip.background {
    background-color: rgba(26, 26, 26, 0.9);
    color: white; }
    tooltip.background label {
      text-shadow: 0 0.0833333343rem 0.1666666677rem rgba(0, 0, 0, 0.6);
      -gtk-icon-shadow: 0 0.0833333343rem 0.1666666677rem rgba(0, 0, 0, 0.6); }

treeview.view.cell:selected {
  background: rgba(51, 51, 51, 0.15); }

treeview entry.flat {
  padding: 0.3333333343rem 0.0833333343rem;
  background: inherit; }

treeview header button {
  border-left-width: 0;
  border-radius: 0;
  border-top-width: 0; }
  treeview header button:last-child {
    border-right-width: 0; }
  treeview header button label {
    font-weight: bold;
    opacity: 0.8; }
  treeview header button:backdrop label {
    opacity: 0.6; }

frame,
.frame {
  border: 1px solid rgba(0, 0, 0, 0.2); }
  frame.flat,
  .frame.flat,
  window.dialog.csd > .frame.titlebar,
  window.csd.aboutdialog > .frame.titlebar,
  tab .frame.tab-close-button,
  tab .frame.tab-indicator,
  .sidebar .inline-toolbar button.frame,
  .sidebar popover.emoji-picker .emoji-toolbar button.frame,
  popover.emoji-picker .sidebar .emoji-toolbar button.frame,
  .sidebar actionbar.flat button.frame,
  .sidebar .bottom-toolbar.flat button.frame,
  .sidebar window.dialog.csd > .bottom-toolbar.titlebar button.frame,
  .sidebar window.csd.aboutdialog > .bottom-toolbar.titlebar button.frame,
  .sidebar tab .bottom-toolbar.tab-close-button button.frame,
  tab .sidebar .bottom-toolbar.tab-close-button button.frame,
  .sidebar tab .bottom-toolbar.tab-indicator button.frame,
  tab .sidebar .bottom-toolbar.tab-indicator button.frame {
    border-style: none; }

iconview.view.cell {
  border-radius: 0.250000001rem; }
  iconview.view.cell:selected {
    background: rgba(51, 51, 51, 0.15); }

flowboxchild {
  border-radius: 0.250000001rem; }
  flowboxchild:focus, flowboxchild:selected {
    background: rgba(51, 51, 51, 0.15); }

scrolledwindow > viewport.frame {
  border-style: none; }

.view {
  background: @base_color;
  color: #333;
  -gtk-secondary-caret-color: @selected_bg_color; }
  .view:disabled {
    background: rgba(0, 0, 0, 0.03);
    color: #979797; }

scrolledwindow.terminal viewport {
  padding: 1.000000001rem; }

.terminal {
  background-color: #252e32;
  border-radius: 0.250000001rem;
  color: #94a3a5;
  font-family: monospace; }
  .terminal selection, .terminal .badge.flat, .terminal button.flat:focus, .terminal button.image-button:not(.text-button):focus, .terminal .linked button.flat.suggested-action:not(:disabled), .linked .terminal button.flat.suggested-action:not(:disabled), .terminal .linked button.image-button.suggested-action:not(:disabled), .linked .terminal button.image-button.suggested-action:not(:disabled), .terminal button.circular.image-button.suggested-action:not(:disabled), .terminal button.model.image-button.suggested-action:not(:disabled), .terminal button.raised.image-button.suggested-action:not(:disabled), .terminal button.suggested-action:not(:disabled), .terminal calendar.view .day-number:selected, calendar.view .terminal .day-number:selected, .terminal dropdown popover listview row.activatable image:last-child, dropdown popover listview row.activatable .terminal image:last-child, .terminal window.dialog.csd > .badge.titlebar, .terminal window.csd.aboutdialog > .badge.titlebar, .terminal window.dialog.csd > button.titlebar:focus, .terminal window.csd.aboutdialog > button.titlebar:focus, .terminal .linked window.dialog.csd > button.suggested-action.titlebar:not(:disabled), .terminal .linked window.csd.aboutdialog > button.suggested-action.titlebar:not(:disabled), .linked .terminal window.dialog.csd > button.suggested-action.titlebar:not(:disabled), .linked .terminal window.csd.aboutdialog > button.suggested-action.titlebar:not(:disabled), .terminal list row:focus:selected, list .terminal row:focus:selected,
  .terminal listview row:focus:selected,
  listview .terminal row:focus:selected, .terminal tab .badge.tab-close-button, tab .terminal .badge.tab-close-button,
  .terminal tab .badge.tab-indicator,
  tab .terminal .badge.tab-indicator, .terminal tab button.tab-close-button:focus, tab .terminal button.tab-close-button:focus,
  .terminal tab button.tab-indicator:focus,
  tab .terminal button.tab-indicator:focus, .terminal .linked tab button.suggested-action.tab-close-button:not(:disabled), .linked tab .terminal button.suggested-action.tab-close-button:not(:disabled), .terminal tab .linked button.suggested-action.tab-close-button:not(:disabled), tab .linked .terminal button.suggested-action.tab-close-button:not(:disabled),
  .terminal .linked tab button.suggested-action.tab-indicator:not(:disabled),
  .linked tab .terminal button.suggested-action.tab-indicator:not(:disabled),
  .terminal tab .linked button.suggested-action.tab-indicator:not(:disabled),
  tab .linked .terminal button.suggested-action.tab-indicator:not(:disabled), .terminal .sidebar .inline-toolbar button.badge, .sidebar .inline-toolbar .terminal button.badge, .terminal .sidebar popover.emoji-picker .emoji-toolbar button.badge, .sidebar popover.emoji-picker .emoji-toolbar .terminal button.badge, .terminal popover.emoji-picker .sidebar .emoji-toolbar button.badge, popover.emoji-picker .sidebar .emoji-toolbar .terminal button.badge, .terminal .sidebar .inline-toolbar button:focus, .sidebar .inline-toolbar .terminal button:focus, .terminal .sidebar popover.emoji-picker .emoji-toolbar button:focus, .sidebar popover.emoji-picker .emoji-toolbar .terminal button:focus, .terminal popover.emoji-picker .sidebar .emoji-toolbar button:focus, popover.emoji-picker .sidebar .emoji-toolbar .terminal button:focus, .terminal .linked .sidebar .inline-toolbar button.suggested-action:not(:disabled), .linked .sidebar .inline-toolbar .terminal button.suggested-action:not(:disabled), .terminal .sidebar .inline-toolbar .linked button.suggested-action:not(:disabled), .sidebar .inline-toolbar .linked .terminal button.suggested-action:not(:disabled), .terminal .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested-action:not(:disabled), .linked .sidebar popover.emoji-picker .emoji-toolbar .terminal button.suggested-action:not(:disabled), .terminal .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested-action:not(:disabled), .sidebar popover.emoji-picker .emoji-toolbar .linked .terminal button.suggested-action:not(:disabled), .terminal .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested-action:not(:disabled), .linked popover.emoji-picker .sidebar .emoji-toolbar .terminal button.suggested-action:not(:disabled), .terminal popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested-action:not(:disabled), popover.emoji-picker .sidebar .emoji-toolbar .linked .terminal button.suggested-action:not(:disabled), .terminal treeview.view.cell:focus:selected, .terminal iconview.view.cell:focus:selected, .terminal flowboxchild:focus:selected {
    background-color: #93a1a1;
    color: #252e32; }

rubberband {
  background-color: alpha(@accent_color, 0.15);
  border: 1px solid alpha(@accent_color, 0.5);
  border-radius: 0.250000001rem; }

viewswitcher button {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none; }
  viewswitcher button image {
    -gtk-icon-palette: error @text_color, success @text_color, warning @text_color; }
  viewswitcher button:not(:checked):not(:hover) {
    background: transparent; }
  viewswitcher button:not(:only-child):not(:last-child) {
    border-right-width: 0; }
  viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + viewswitcher button:not(:checked):not(:hover) {
    border-left-color: transparent; }
  viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) {
    border-right-color: transparent; }
  viewswitcher button:not(:checked):hover:not(:backdrop) {
    background-image: image(lighter(@color_primary)); }
  viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + viewswitcher button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + viewswitcher button:not(:checked):hover {
    border-left-color: shade(@color_primary, 1.15); }
  viewswitcher button:not(only-child):last-child:not(:checked):hover {
    border-right-color: shade(@color_primary, 1.15); }
  viewswitcher button:not(:checked):hover:backdrop {
    background-image: image(@color_primary); }
  viewswitcher button stack > box label.active {
    font-weight: bold; }
  viewswitcher button stack > box.narrow {
    padding-top: 0.250000001rem;
    padding-bottom: 0.250000001rem; }
    viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label {
      padding-left: 0.500000001rem;
      padding-right: 0.500000001rem; }
  viewswitcher button stack > box.wide {
    padding: 0 9px; }
  headerbar viewswitcher button:not(:checked):hover:not(:backdrop) {
    background-image: linear-gradient(to top, shade(alpha(@color_primary, 0.7), 0.96) 0.1666666677rem, alpha(@color_primary, 0.7)); }
  headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + headerbar viewswitcher button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + headerbar viewswitcher button:not(:checked):hover {
    border-left-color: @color_primary; }
  headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover {
    border-right-color: @color_primary; }
  headerbar viewswitcher button:not(:checked):hover:backdrop {
    background-image: image(@color_primary); }

windowcontrols.end:dir(ltr), windowcontrols.start:dir(rtl) {
  margin-left: 1.000000001rem; }

windowcontrols.start:dir(ltr), windowcontrols.end:dir(rtl) {
  margin-right: 1.000000001rem; }

windowcontrols button {
  padding: 0.3333333343rem; }
  windowcontrols button:not(:active) {
    background: none;
    border-color: transparent;
    box-shadow: none; }

.background,
.gtkstyle-fallback {
  background-color: #fafafa;
  color: #333; }

window.csd {
  margin: 1.000000001rem;
  border-radius: 0.500000001rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 13px 16px 4px transparent, 0 2px 4px 2px rgba(0, 0, 0, 0.1), 0 15px 12px -10px rgba(0, 0, 0, 0.4), 0 8px 14px 4px rgba(0, 0, 0, 0.15); }
  window.csd:backdrop {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 13px 16px 4px transparent, 0 3px 4px rgba(0, 0, 0, 0.15), 0 3px 3px -3px rgba(0, 0, 0, 0.35); }
  window.csd.maximized, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
    margin: 0; }
  window.csd.maximized {
    box-shadow: 0 0 0 0.250000001rem black; }
  window.csd.tiled-right:not(.maximized), window.csd.tiled-left:not(.maximized) {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 13px 16px 4px transparent, 0 3px 4px rgba(0, 0, 0, 0.15), 0 3px 3px -3px rgba(0, 0, 0, 0.35); }
  window.csd.tiled-right:not(.maximized) {
    margin-left: 1px; }
    window.csd.tiled-right:not(.maximized).tiled-top {
      border-top-left-radius: 0; }
    window.csd.tiled-right:not(.maximized).tiled-bottom {
      border-bottom-left-radius: 0; }
  window.csd.tiled-left:not(.maximized) {
    margin-right: 1px; }
    window.csd.tiled-left:not(.maximized).tiled-top {
      border-top-right-radius: 0; }
    window.csd.tiled-left:not(.maximized).tiled-bottom {
      border-bottom-right-radius: 0; }

window.dialog, window.aboutdialog {
  border-radius: 0;
  box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07); }
  window.dialog.csd, window.csd.aboutdialog {
    border-radius: 0.500000001rem;
    box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.2), 0 13px 16px 4px transparent, 0 3px 8px 2px rgba(0, 0, 0, 0.1), 0 5px 5px -3px rgba(0, 0, 0, 0.4), 0 8px 5px 1px rgba(0, 0, 0, 0.1); }
    window.dialog.csd:backdrop, window.csd.aboutdialog:backdrop {
      box-shadow: inset 0 -1px 0 0 alpha(@highlight_color, 0.2), inset 0 1px 0 0 alpha(@highlight_color, 0.3), inset 1px 0 0 0 alpha(@highlight_color, 0.07), inset -1px 0 0 0 alpha(@highlight_color, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.2), 0 13px 16px 4px transparent, 0 3px 4px rgba(0, 0, 0, 0.15), 0 3px 3px -3px rgba(0, 0, 0, 0.35); }
  window.dialog .dialog-content-area, window.aboutdialog .dialog-content-area {
    margin: 1.000000001rem;
    margin-top: 1.500000001rem; }
  window.dialog .dialog-action-area, window.aboutdialog .dialog-action-area {
    margin: 1.000000001rem; }
  window.dialog.message .dialog-content-area box + expander-widget, window.message.aboutdialog .dialog-content-area box + expander-widget {
    margin-bottom: 6px; }
  window.dialog.message .dialog-action-area, window.message.aboutdialog .dialog-action-area {
    margin-top: 1.3333333343rem; }

window.aboutdialog .icon-dropshadow.large-icons {
  -gtk-icon-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -gtk-icon-size: 128px; }
