/*
* 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 @LIME_100;
@define-color accent_color_300 @LIME_300;
@define-color accent_color_500 @LIME_500;
@define-color accent_color_700 @LIME_700;
@define-color accent_color_900 @LIME_900;
@define-color accent_color mix(@LIME_300, @LIME_500, 0.25);
actionbar,
.bottom-toolbar, switch slider, switch:checked:not(.mode-switch):not(:backdrop), scale slider, progressbar.horizontal progress:backdrop, progressbar.horizontal trough, levelbar.horizontal block, headerbar, check,
radio, .linked button.flat, .linked .sidebar .inline-toolbar button, .linked .sidebar actionbar.flat button,
.linked .sidebar .bottom-toolbar.flat button,
.linked .sidebar window.preferences.csd headerbar.bottom-toolbar button,
window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button,
.linked .sidebar .dialog.csd > headerbar.bottom-toolbar button,
.linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button,
window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button,
.sidebar .dialog.csd > headerbar.bottom-toolbar .linked button,
.sidebar window.csd.about > headerbar.bottom-toolbar .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 button.image-button, .linked button.image-button:not(.text-button), button.circular.image-button, button.model.image-button, button.raised.image-button, button.raised, .messagedialog .response-area 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, headerbar: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.preferences.csd headerbar.bottom-toolbar button:backdrop,
  window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button:backdrop,
  .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button:backdrop,
  .linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button:backdrop,
  window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button:backdrop,
  .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button:backdrop,
  .sidebar window.csd.about > headerbar.bottom-toolbar .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 button.image-button:backdrop, button.circular.image-button:backdrop, button.model.image-button:backdrop, button.raised:backdrop, .messagedialog .response-area 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.preferences.csd .dialog-vbox .title, window.about .dialog-vbox .title,
.primary {
  font-weight: 500;
  font-size: 1.22em; }

.small-label, viewswitcher button stack > box.narrow, list.boxed-list > row .title + .subtitle, 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, list.boxed-list > row .title + .subtitle, 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, window.about .main-page .app-version, 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.preferences.csd headerbar.bottom-toolbar button.suggested-action:not(:disabled),
window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested-action:not(:disabled),
.linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested-action:not(:disabled),
.linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled),
window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled),
.sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled),
.sidebar window.csd.about > headerbar.bottom-toolbar .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 button.flat.suggested:not(:disabled), .linked .sidebar .inline-toolbar button.suggested:not(:disabled), .linked .sidebar actionbar.flat button.suggested:not(:disabled),
.linked .sidebar .bottom-toolbar.flat button.suggested:not(:disabled),
.linked .sidebar window.preferences.csd headerbar.bottom-toolbar button.suggested:not(:disabled),
window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested:not(:disabled),
.linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested:not(:disabled),
.linked .sidebar window.csd.about > headerbar.bottom-toolbar button.suggested:not(:disabled),
popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled), .sidebar .inline-toolbar .linked button.suggested:not(:disabled), .sidebar actionbar.flat .linked button.suggested:not(:disabled),
.sidebar .bottom-toolbar.flat .linked button.suggested:not(:disabled),
.sidebar window.preferences.csd headerbar.bottom-toolbar .linked button.suggested:not(:disabled),
window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested:not(:disabled),
.sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested:not(:disabled),
.sidebar window.csd.about > headerbar.bottom-toolbar .linked button.suggested:not(:disabled), .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested:not(:disabled), .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested:not(:disabled), .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested:not(:disabled), popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested:not(:disabled), .linked button.image-button.suggested-action:not(:disabled), .linked button.image-button.suggested:not(:disabled), button.circular.image-button.suggested-action:not(:disabled), button.image-button.suggested:not(:disabled), button.model.image-button.suggested-action:not(:disabled), button.image-button.suggested:not(:disabled), button.raised.image-button.suggested-action:not(:disabled), button.image-button.suggested:not(:disabled), button.raised.suggested-action:not(:disabled), .messagedialog .response-area button.suggested-action:not(:disabled), button.raised.suggested:not(:disabled), .messagedialog .response-area button.suggested:not(:disabled), button.suggested-action:not(:disabled), button.suggested:not(:disabled), button.flat:focus, .sidebar .inline-toolbar button:focus, .sidebar actionbar.flat button:focus,
.sidebar .bottom-toolbar.flat button:focus,
.sidebar window.preferences.csd headerbar.bottom-toolbar button:focus,
window.preferences.csd .sidebar headerbar.bottom-toolbar button:focus,
.sidebar .dialog.csd > headerbar.bottom-toolbar button:focus,
.sidebar window.csd.about > headerbar.bottom-toolbar button:focus, .sidebar popover.emoji-picker .emoji-toolbar button:focus, popover.emoji-picker .sidebar .emoji-toolbar button:focus, button.image-button:not(.text-button):focus, .badge.flat, window.preferences.csd headerbar.badge, .sidebar .inline-toolbar button.badge, .sidebar actionbar.flat button.badge,
.sidebar .bottom-toolbar.flat button.badge,
.sidebar window.preferences.csd headerbar.bottom-toolbar button.badge,
window.preferences.csd .sidebar headerbar.bottom-toolbar button.badge,
.sidebar .dialog.csd > headerbar.bottom-toolbar button.badge,
.sidebar window.csd.about > headerbar.bottom-toolbar button.badge, .sidebar popover.emoji-picker .emoji-toolbar button.badge, popover.emoji-picker .sidebar .emoji-toolbar button.badge, .dialog.csd > headerbar.badge, window.csd.about > headerbar.badge {
  background-color: @selected_bg_color;
  color: @selected_fg_color; }
  selection:backdrop, window.about .main-page .app-version: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.preferences.csd headerbar.bottom-toolbar button.suggested-action:backdrop:not(:disabled),
  window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested-action:backdrop:not(:disabled),
  .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested-action:backdrop:not(:disabled),
  .linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button.suggested-action:backdrop:not(:disabled),
  window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested-action:backdrop:not(:disabled),
  .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested-action:backdrop:not(:disabled),
  .sidebar window.csd.about > headerbar.bottom-toolbar .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 button.flat.suggested:backdrop:not(:disabled), .linked .sidebar .inline-toolbar button.suggested:backdrop:not(:disabled), .linked .sidebar actionbar.flat button.suggested:backdrop:not(:disabled),
  .linked .sidebar .bottom-toolbar.flat button.suggested:backdrop:not(:disabled),
  .linked .sidebar window.preferences.csd headerbar.bottom-toolbar button.suggested:backdrop:not(:disabled),
  window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested:backdrop:not(:disabled),
  .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested:backdrop:not(:disabled),
  .linked .sidebar window.csd.about > headerbar.bottom-toolbar button.suggested:backdrop:not(:disabled),
  popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested:backdrop:not(:disabled), .sidebar .inline-toolbar .linked button.suggested:backdrop:not(:disabled), .sidebar actionbar.flat .linked button.suggested:backdrop:not(:disabled),
  .sidebar .bottom-toolbar.flat .linked button.suggested:backdrop:not(:disabled),
  .sidebar window.preferences.csd headerbar.bottom-toolbar .linked button.suggested:backdrop:not(:disabled),
  window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested:backdrop:not(:disabled),
  .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested:backdrop:not(:disabled),
  .sidebar window.csd.about > headerbar.bottom-toolbar .linked button.suggested:backdrop:not(:disabled), .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested:backdrop:not(:disabled), .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested:backdrop:not(:disabled), .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested:backdrop:not(:disabled), popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested:backdrop:not(:disabled), .linked button.image-button.suggested-action:backdrop:not(:disabled), button.circular.image-button.suggested-action:backdrop:not(:disabled), button.image-button.suggested:backdrop:not(:disabled), button.model.image-button.suggested-action:backdrop:not(:disabled), button.raised.suggested-action:backdrop:not(:disabled), .messagedialog .response-area button.suggested-action:backdrop:not(:disabled), button.raised.suggested:backdrop:not(:disabled), .messagedialog .response-area button.suggested:backdrop:not(:disabled), button.suggested-action:backdrop:not(:disabled), button.suggested: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.preferences.csd headerbar.bottom-toolbar button:backdrop:focus,
  window.preferences.csd .sidebar headerbar.bottom-toolbar button:backdrop:focus,
  .sidebar .dialog.csd > headerbar.bottom-toolbar button:backdrop:focus,
  .sidebar window.csd.about > headerbar.bottom-toolbar button:backdrop:focus, .sidebar popover.emoji-picker .emoji-toolbar button:backdrop:focus, popover.emoji-picker .sidebar .emoji-toolbar button:backdrop:focus, button.image-button:backdrop:not(.text-button):focus, .badge.flat:backdrop, window.preferences.csd headerbar.badge:backdrop, .sidebar .inline-toolbar button.badge:backdrop, .sidebar actionbar.flat button.badge:backdrop,
  .sidebar .bottom-toolbar.flat button.badge:backdrop,
  .sidebar window.preferences.csd headerbar.bottom-toolbar button.badge:backdrop,
  window.preferences.csd .sidebar headerbar.bottom-toolbar button.badge:backdrop,
  .sidebar .dialog.csd > headerbar.bottom-toolbar button.badge:backdrop,
  .sidebar window.csd.about > headerbar.bottom-toolbar button.badge:backdrop, .sidebar popover.emoji-picker .emoji-toolbar button.badge:backdrop, popover.emoji-picker .sidebar .emoji-toolbar button.badge:backdrop, .dialog.csd > headerbar.badge:backdrop, window.csd.about > headerbar.badge: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, window.preferences.csd headerbar.badge, .sidebar .inline-toolbar button.badge, .sidebar actionbar.flat button.badge,
  .sidebar .bottom-toolbar.flat button.badge,
  .sidebar window.preferences.csd headerbar.bottom-toolbar button.badge,
  window.preferences.csd .sidebar headerbar.bottom-toolbar button.badge,
  .sidebar .dialog.csd > headerbar.bottom-toolbar button.badge,
  .sidebar window.csd.about > headerbar.bottom-toolbar button.badge, .sidebar popover.emoji-picker .emoji-toolbar button.badge, popover.emoji-picker .sidebar .emoji-toolbar button.badge, .dialog.csd > headerbar.badge, window.csd.about > headerbar.badge, .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, window.preferences.csd headerbar.badge, .sidebar .inline-toolbar button.badge, .sidebar actionbar.flat button.badge,
  .sidebar .bottom-toolbar.flat button.badge,
  .sidebar window.preferences.csd headerbar.bottom-toolbar button.badge,
  window.preferences.csd .sidebar headerbar.bottom-toolbar button.badge,
  .sidebar .dialog.csd > headerbar.bottom-toolbar button.badge,
  .sidebar window.csd.about > headerbar.bottom-toolbar button.badge, .sidebar popover.emoji-picker .emoji-toolbar button.badge, popover.emoji-picker .sidebar .emoji-toolbar button.badge, .dialog.csd > headerbar.badge, window.csd.about > headerbar.badge {
    min-height: 0;
    min-width: 1.3333333343rem; }
    row:selected:not(:focus) .badge.flat, row:selected:not(:focus) window.preferences.csd headerbar.badge, window.preferences.csd row:selected:not(:focus) headerbar.badge, 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.preferences.csd headerbar.bottom-toolbar button.badge,
    window.preferences.csd row:selected:not(:focus) .sidebar headerbar.bottom-toolbar button.badge,
    row:selected:not(:focus) .sidebar .dialog.csd > headerbar.bottom-toolbar button.badge,
    row:selected:not(:focus) .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar row:selected:not(:focus) button.badge,
    window.preferences.csd .sidebar headerbar.bottom-toolbar row:selected:not(:focus) button.badge,
    .sidebar .dialog.csd > headerbar.bottom-toolbar row:selected:not(:focus) button.badge,
    .sidebar window.csd.about > headerbar.bottom-toolbar 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) .dialog.csd > headerbar.badge, row:selected:not(:focus) window.csd.about > headerbar.badge {
      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.preferences.csd headerbar.bottom-toolbar button,
  window.preferences.csd .sidebar headerbar.bottom-toolbar button,
  .sidebar .dialog.csd > headerbar.bottom-toolbar button,
  .sidebar window.csd.about > headerbar.bottom-toolbar 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, 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.preferences.csd headerbar.bottom-toolbar button:checked,
    window.preferences.csd .sidebar headerbar.bottom-toolbar button:checked,
    .sidebar .dialog.csd > headerbar.bottom-toolbar button:checked,
    .sidebar window.csd.about > headerbar.bottom-toolbar button:checked, .sidebar popover.emoji-picker .emoji-toolbar button:checked, popover.emoji-picker .sidebar .emoji-toolbar button: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.preferences.csd headerbar.bottom-toolbar button:focus,
    window.preferences.csd .sidebar headerbar.bottom-toolbar button:focus,
    .sidebar .dialog.csd > headerbar.bottom-toolbar button:focus,
    .sidebar window.csd.about > headerbar.bottom-toolbar button:focus, .sidebar popover.emoji-picker .emoji-toolbar button:focus, popover.emoji-picker .sidebar .emoji-toolbar button: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.preferences.csd headerbar.bottom-toolbar button,
    window.preferences.csd headerbar .sidebar headerbar.bottom-toolbar button,
    headerbar .sidebar .dialog.csd > headerbar.bottom-toolbar button,
    headerbar .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar headerbar button,
    window.preferences.csd .sidebar headerbar.bottom-toolbar headerbar button,
    .sidebar .dialog.csd > headerbar.bottom-toolbar headerbar button,
    .sidebar window.csd.about > headerbar.bottom-toolbar 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 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.preferences.csd headerbar.bottom-toolbar button,
  window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button,
  .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button,
  .linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button,
  window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button,
  .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button,
  .sidebar window.csd.about > headerbar.bottom-toolbar .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 button.image-button, .linked button.image-button:not(.text-button), button.circular.image-button, button.model.image-button, button.raised.image-button, button.raised, .messagedialog .response-area 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.preferences.csd headerbar.bottom-toolbar button,
    window.preferences.csd headerbar .linked .sidebar headerbar.bottom-toolbar button,
    headerbar .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button,
    headerbar .linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar headerbar .linked button,
    window.preferences.csd .sidebar headerbar.bottom-toolbar headerbar .linked button,
    .sidebar .dialog.csd > headerbar.bottom-toolbar headerbar .linked button,
    .sidebar window.csd.about > headerbar.bottom-toolbar 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 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.raised, headerbar .messagedialog .response-area button, .messagedialog .response-area headerbar 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 button.image-button.destructive-action:not(:disabled), .linked button.image-button:not(.text-button).destructive-action:not(:disabled), .linked button.destructive:not(.text-button):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.raised.destructive-action:not(:disabled), button.destructive-action:not(:disabled), button.destructive: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 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.destructive:not(.text-button):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.raised.destructive-action:not(:disabled), button.raised.destructive-action:not(:disabled):focus, button.destructive-action:not(:disabled), button.destructive: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.raised.destructive-action:not(:disabled):focus, button.destructive-action:not(:disabled):focus, button.destructive: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.preferences.csd headerbar.bottom-toolbar button.suggested-action:not(:disabled),
    window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested-action:not(:disabled),
    .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested-action:not(:disabled),
    .linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled),
    window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled),
    .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled),
    .sidebar window.csd.about > headerbar.bottom-toolbar .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 button.flat.suggested:not(:disabled), .linked .sidebar .inline-toolbar button.suggested:not(:disabled), .linked .sidebar actionbar.flat button.suggested:not(:disabled),
    .linked .sidebar .bottom-toolbar.flat button.suggested:not(:disabled),
    .linked .sidebar window.preferences.csd headerbar.bottom-toolbar button.suggested:not(:disabled),
    window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested:not(:disabled),
    .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested:not(:disabled),
    .linked .sidebar window.csd.about > headerbar.bottom-toolbar button.suggested:not(:disabled),
    popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled), .sidebar .inline-toolbar .linked button.suggested:not(:disabled), .sidebar actionbar.flat .linked button.suggested:not(:disabled),
    .sidebar .bottom-toolbar.flat .linked button.suggested:not(:disabled),
    .sidebar window.preferences.csd headerbar.bottom-toolbar .linked button.suggested:not(:disabled),
    window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested:not(:disabled),
    .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested:not(:disabled),
    .sidebar window.csd.about > headerbar.bottom-toolbar .linked button.suggested:not(:disabled), .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested:not(:disabled), .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested:not(:disabled), .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested:not(:disabled), popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested:not(:disabled), .linked button.image-button.suggested-action:not(:disabled), .linked button.image-button.suggested:not(:disabled), .linked button.image-button:not(.text-button).suggested-action:not(:disabled), .linked button.suggested:not(.text-button):not(:disabled), button.circular.image-button.suggested-action:not(:disabled), button.image-button.suggested:not(:disabled), button.model.image-button.suggested-action:not(:disabled), button.image-button.suggested:not(:disabled), button.raised.image-button.suggested-action:not(:disabled), button.image-button.suggested:not(:disabled), button.raised.suggested-action:not(:disabled), .messagedialog .response-area button.suggested-action:not(:disabled), button.raised.suggested:not(:disabled), .messagedialog .response-area button.suggested:not(:disabled), button.suggested-action:not(:disabled), button.suggested: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.preferences.csd headerbar.bottom-toolbar button.suggested-action:not(:disabled):backdrop,
      window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested-action:not(:disabled):backdrop,
      .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested-action:not(:disabled):backdrop,
      .linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):backdrop,
      window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):backdrop,
      .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):backdrop,
      .sidebar window.csd.about > headerbar.bottom-toolbar .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 button.flat.suggested:not(:disabled):backdrop, .linked .sidebar .inline-toolbar button.suggested:not(:disabled):backdrop, .linked .sidebar actionbar.flat button.suggested:not(:disabled):backdrop,
      .linked .sidebar .bottom-toolbar.flat button.suggested:not(:disabled):backdrop,
      .linked .sidebar window.preferences.csd headerbar.bottom-toolbar button.suggested:not(:disabled):backdrop,
      window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested:not(:disabled):backdrop,
      .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested:not(:disabled):backdrop,
      .linked .sidebar window.csd.about > headerbar.bottom-toolbar button.suggested:not(:disabled):backdrop,
      popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled):backdrop, .sidebar .inline-toolbar .linked button.suggested:not(:disabled):backdrop, .sidebar actionbar.flat .linked button.suggested:not(:disabled):backdrop,
      .sidebar .bottom-toolbar.flat .linked button.suggested:not(:disabled):backdrop,
      .sidebar window.preferences.csd headerbar.bottom-toolbar .linked button.suggested:not(:disabled):backdrop,
      window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested:not(:disabled):backdrop,
      .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested:not(:disabled):backdrop,
      .sidebar window.csd.about > headerbar.bottom-toolbar .linked button.suggested:not(:disabled):backdrop, .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested:not(:disabled):backdrop, .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested:not(:disabled):backdrop, .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested:not(:disabled):backdrop, popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested:not(:disabled):backdrop, .linked button.image-button.suggested-action:not(:disabled):backdrop, .linked button.image-button:not(.text-button).suggested-action:not(:disabled):backdrop, .linked button.suggested:not(.text-button):not(:disabled):backdrop, button.circular.image-button.suggested-action:not(:disabled):backdrop, button.image-button.suggested:not(:disabled):backdrop, button.model.image-button.suggested-action:not(:disabled):backdrop, button.raised.image-button.suggested-action:not(:disabled):backdrop, button.raised.suggested-action:not(:disabled):backdrop, .messagedialog .response-area button.suggested-action:not(:disabled):backdrop, button.raised.suggested:not(:disabled):backdrop, .messagedialog .response-area button.suggested:not(:disabled):backdrop, button.suggested-action:not(:disabled):backdrop, button.suggested:not(:disabled):backdrop {
        border-color: rgba(0, 0, 0, 0.2); }
      .linked button.flat.suggested-action:not(:disabled).keyboard-activating, .linked .sidebar .inline-toolbar button.suggested-action:not(:disabled).keyboard-activating, .linked .sidebar actionbar.flat button.suggested-action:not(:disabled).keyboard-activating,
      .linked .sidebar .bottom-toolbar.flat button.suggested-action:not(:disabled).keyboard-activating,
      .linked .sidebar window.preferences.csd headerbar.bottom-toolbar button.suggested-action:not(:disabled).keyboard-activating,
      window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested-action:not(:disabled).keyboard-activating,
      .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested-action:not(:disabled).keyboard-activating,
      .linked .sidebar window.csd.preferences > headerbar.bottom-toolbar button.suggested-action:not(:disabled).keyboard-activating,
      .linked .sidebar window.csd.about > headerbar.bottom-toolbar button.suggested-action:not(:disabled).keyboard-activating,
      .linked .sidebar .inline-toolbar button.bottom-toolbar button.suggested-action:not(:disabled).keyboard-activating,
      .linked .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar button.suggested-action:not(:disabled).keyboard-activating,
      .linked popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar button.suggested-action:not(:disabled).keyboard-activating,
      popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested-action:not(:disabled).keyboard-activating, .sidebar .inline-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating, .sidebar actionbar.flat .linked button.suggested-action:not(:disabled).keyboard-activating,
      .sidebar .bottom-toolbar.flat .linked button.suggested-action:not(:disabled).keyboard-activating,
      .sidebar window.preferences.csd headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating,
      window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating,
      .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating,
      .sidebar window.csd.preferences > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating,
      .sidebar window.csd.about > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating,
      .sidebar .inline-toolbar button.bottom-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating,
      .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating,
      popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating, .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested-action:not(:disabled).keyboard-activating, .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating, .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested-action:not(:disabled).keyboard-activating, popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested-action:not(:disabled).keyboard-activating, .linked button.flat.suggested:not(:disabled).keyboard-activating, .linked .sidebar .inline-toolbar button.suggested:not(:disabled).keyboard-activating, .linked .sidebar actionbar.flat button.suggested:not(:disabled).keyboard-activating,
      .linked .sidebar .bottom-toolbar.flat button.suggested:not(:disabled).keyboard-activating,
      .linked .sidebar window.preferences.csd headerbar.bottom-toolbar button.suggested:not(:disabled).keyboard-activating,
      window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested:not(:disabled).keyboard-activating,
      .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested:not(:disabled).keyboard-activating,
      .linked .sidebar window.csd.preferences > headerbar.bottom-toolbar button.suggested:not(:disabled).keyboard-activating,
      .linked .sidebar window.csd.about > headerbar.bottom-toolbar button.suggested:not(:disabled).keyboard-activating,
      .linked .sidebar .inline-toolbar button.bottom-toolbar button.suggested:not(:disabled).keyboard-activating,
      .linked .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled).keyboard-activating,
      .linked popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled).keyboard-activating,
      popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled).keyboard-activating, .sidebar .inline-toolbar .linked button.suggested:not(:disabled).keyboard-activating, .sidebar actionbar.flat .linked button.suggested:not(:disabled).keyboard-activating,
      .sidebar .bottom-toolbar.flat .linked button.suggested:not(:disabled).keyboard-activating,
      .sidebar window.preferences.csd headerbar.bottom-toolbar .linked button.suggested:not(:disabled).keyboard-activating,
      window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested:not(:disabled).keyboard-activating,
      .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested:not(:disabled).keyboard-activating,
      .sidebar window.csd.preferences > headerbar.bottom-toolbar .linked button.suggested:not(:disabled).keyboard-activating,
      .sidebar window.csd.about > headerbar.bottom-toolbar .linked button.suggested:not(:disabled).keyboard-activating,
      .sidebar .inline-toolbar button.bottom-toolbar .linked button.suggested:not(:disabled).keyboard-activating,
      .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar .linked button.suggested:not(:disabled).keyboard-activating,
      popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar .linked button.suggested:not(:disabled).keyboard-activating, .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested:not(:disabled).keyboard-activating, .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested:not(:disabled).keyboard-activating, .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested:not(:disabled).keyboard-activating, popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested:not(:disabled).keyboard-activating, .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.preferences.csd headerbar.bottom-toolbar button.suggested-action:not(:disabled):active,
      window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested-action:not(:disabled):active,
      .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested-action:not(:disabled):active,
      .linked .sidebar window.csd.preferences > headerbar.bottom-toolbar button.suggested-action:not(:disabled):active,
      .linked .sidebar window.csd.about > headerbar.bottom-toolbar button.suggested-action:not(:disabled):active,
      .linked .sidebar .inline-toolbar button.bottom-toolbar button.suggested-action:not(:disabled):active,
      .linked .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar button.suggested-action:not(:disabled):active,
      .linked popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):active,
      window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):active,
      .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):active,
      .sidebar window.csd.preferences > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):active,
      .sidebar window.csd.about > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):active,
      .sidebar .inline-toolbar button.bottom-toolbar .linked button.suggested-action:not(:disabled):active,
      .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar .linked button.suggested-action:not(:disabled):active,
      popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar .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 button.flat.suggested:not(:disabled):active, .linked .sidebar .inline-toolbar button.suggested:not(:disabled):active, .linked .sidebar actionbar.flat button.suggested:not(:disabled):active,
      .linked .sidebar .bottom-toolbar.flat button.suggested:not(:disabled):active,
      .linked .sidebar window.preferences.csd headerbar.bottom-toolbar button.suggested:not(:disabled):active,
      window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested:not(:disabled):active,
      .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested:not(:disabled):active,
      .linked .sidebar window.csd.preferences > headerbar.bottom-toolbar button.suggested:not(:disabled):active,
      .linked .sidebar window.csd.about > headerbar.bottom-toolbar button.suggested:not(:disabled):active,
      .linked .sidebar .inline-toolbar button.bottom-toolbar button.suggested:not(:disabled):active,
      .linked .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled):active,
      .linked popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled):active,
      popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled):active, .sidebar .inline-toolbar .linked button.suggested:not(:disabled):active, .sidebar actionbar.flat .linked button.suggested:not(:disabled):active,
      .sidebar .bottom-toolbar.flat .linked button.suggested:not(:disabled):active,
      .sidebar window.preferences.csd headerbar.bottom-toolbar .linked button.suggested:not(:disabled):active,
      window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested:not(:disabled):active,
      .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested:not(:disabled):active,
      .sidebar window.csd.preferences > headerbar.bottom-toolbar .linked button.suggested:not(:disabled):active,
      .sidebar window.csd.about > headerbar.bottom-toolbar .linked button.suggested:not(:disabled):active,
      .sidebar .inline-toolbar button.bottom-toolbar .linked button.suggested:not(:disabled):active,
      .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar .linked button.suggested:not(:disabled):active,
      popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar .linked button.suggested:not(:disabled):active, .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested:not(:disabled):active, .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested:not(:disabled):active, .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested:not(:disabled):active, popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested: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.preferences.csd headerbar.bottom-toolbar button.suggested-action:not(:disabled):checked,
      window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested-action:not(:disabled):checked,
      .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested-action:not(:disabled):checked,
      .linked .sidebar window.csd.preferences > headerbar.bottom-toolbar button.suggested-action:not(:disabled):checked,
      .linked .sidebar window.csd.about > headerbar.bottom-toolbar button.suggested-action:not(:disabled):checked,
      .linked .sidebar .inline-toolbar button.bottom-toolbar button.suggested-action:not(:disabled):checked,
      .linked .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar button.suggested-action:not(:disabled):checked,
      .linked popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):checked,
      window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):checked,
      .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):checked,
      .sidebar window.csd.preferences > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):checked,
      .sidebar window.csd.about > headerbar.bottom-toolbar .linked button.suggested-action:not(:disabled):checked,
      .sidebar .inline-toolbar button.bottom-toolbar .linked button.suggested-action:not(:disabled):checked,
      .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar .linked button.suggested-action:not(:disabled):checked,
      popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar .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 button.flat.suggested:not(:disabled):checked, .linked .sidebar .inline-toolbar button.suggested:not(:disabled):checked, .linked .sidebar actionbar.flat button.suggested:not(:disabled):checked,
      .linked .sidebar .bottom-toolbar.flat button.suggested:not(:disabled):checked,
      .linked .sidebar window.preferences.csd headerbar.bottom-toolbar button.suggested:not(:disabled):checked,
      window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.suggested:not(:disabled):checked,
      .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.suggested:not(:disabled):checked,
      .linked .sidebar window.csd.preferences > headerbar.bottom-toolbar button.suggested:not(:disabled):checked,
      .linked .sidebar window.csd.about > headerbar.bottom-toolbar button.suggested:not(:disabled):checked,
      .linked .sidebar .inline-toolbar button.bottom-toolbar button.suggested:not(:disabled):checked,
      .linked .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled):checked,
      .linked popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled):checked,
      popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.suggested:not(:disabled):checked, .sidebar .inline-toolbar .linked button.suggested:not(:disabled):checked, .sidebar actionbar.flat .linked button.suggested:not(:disabled):checked,
      .sidebar .bottom-toolbar.flat .linked button.suggested:not(:disabled):checked,
      .sidebar window.preferences.csd headerbar.bottom-toolbar .linked button.suggested:not(:disabled):checked,
      window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.suggested:not(:disabled):checked,
      .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.suggested:not(:disabled):checked,
      .sidebar window.csd.preferences > headerbar.bottom-toolbar .linked button.suggested:not(:disabled):checked,
      .sidebar window.csd.about > headerbar.bottom-toolbar .linked button.suggested:not(:disabled):checked,
      .sidebar .inline-toolbar button.bottom-toolbar .linked button.suggested:not(:disabled):checked,
      .sidebar popover.emoji-picker .emoji-toolbar button.bottom-toolbar .linked button.suggested:not(:disabled):checked,
      popover.emoji-picker .sidebar .emoji-toolbar button.bottom-toolbar .linked button.suggested:not(:disabled):checked, .linked .sidebar popover.emoji-picker .emoji-toolbar button.suggested:not(:disabled):checked, .sidebar popover.emoji-picker .emoji-toolbar .linked button.suggested:not(:disabled):checked, .linked popover.emoji-picker .sidebar .emoji-toolbar button.suggested:not(:disabled):checked, popover.emoji-picker .sidebar .emoji-toolbar .linked button.suggested:not(:disabled):checked, .linked button.image-button.suggested-action:not(:disabled).keyboard-activating, .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).keyboard-activating, .linked button.suggested:not(.text-button):not(:disabled).keyboard-activating, .linked button.image-button:not(.text-button).suggested-action:not(:disabled):active, .linked button.suggested:not(.text-button):not(:disabled):active, .linked button.image-button:not(.text-button).suggested-action:not(:disabled):checked, .linked button.suggested:not(.text-button):not(:disabled):checked, button.circular.image-button.suggested-action:not(:disabled).keyboard-activating, button.image-button.suggested:not(:disabled).keyboard-activating, button.circular.image-button.suggested-action:not(:disabled):active, button.image-button.suggested:not(:disabled):active, button.circular.image-button.suggested-action:not(:disabled):checked, button.image-button.suggested:not(:disabled):checked, button.model.image-button.suggested-action:not(:disabled).keyboard-activating, 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).keyboard-activating, .messagedialog .response-area button.image-button.suggested-action:not(:disabled).keyboard-activating, button.raised.image-button.suggested-action:not(:disabled):active, .messagedialog .response-area button.image-button.suggested-action:not(:disabled):active, button.raised.image-button.suggested-action:not(:disabled):checked, .messagedialog .response-area button.image-button.suggested-action:not(:disabled):checked, button.raised.suggested-action:not(:disabled).keyboard-activating, .messagedialog .response-area button.suggested-action:not(:disabled).keyboard-activating, button.raised.suggested:not(:disabled).keyboard-activating, .messagedialog .response-area button.suggested:not(:disabled).keyboard-activating, button.raised.suggested-action:not(:disabled):active, .messagedialog .response-area button.suggested-action:not(:disabled):active, button.raised.suggested:not(:disabled):active, .messagedialog .response-area button.suggested:not(:disabled):active, button.raised.suggested-action:not(:disabled):checked, .messagedialog .response-area button.suggested-action:not(:disabled):checked, button.raised.suggested:not(:disabled):checked, .messagedialog .response-area button.suggested:not(:disabled):checked, button.suggested-action:not(:disabled).keyboard-activating, button.suggested:not(:disabled).keyboard-activating, button.suggested-action:not(:disabled):active, button.suggested:not(:disabled):active, button.suggested-action:not(:disabled):checked, button.suggested:not(:disabled):checked {
        border-color: alpha(mix(black, @accent_color, 0.7), 0.4); }
    .linked button.flat.keyboard-activating, .linked .sidebar .inline-toolbar button.keyboard-activating, .linked .sidebar actionbar.flat button.keyboard-activating,
    .linked .sidebar .bottom-toolbar.flat button.keyboard-activating,
    .linked .sidebar window.preferences.csd headerbar.bottom-toolbar button.keyboard-activating,
    window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button.keyboard-activating,
    .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button.keyboard-activating,
    .linked .sidebar window.csd.about > headerbar.bottom-toolbar button.keyboard-activating,
    popover.emoji-picker .linked .sidebar .emoji-toolbar button.bottom-toolbar button.keyboard-activating, .sidebar .inline-toolbar .linked button.keyboard-activating, .sidebar actionbar.flat .linked button.keyboard-activating,
    .sidebar .bottom-toolbar.flat .linked button.keyboard-activating,
    .sidebar window.preferences.csd headerbar.bottom-toolbar .linked button.keyboard-activating,
    window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button.keyboard-activating,
    .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button.keyboard-activating,
    .sidebar window.csd.about > headerbar.bottom-toolbar .linked button.keyboard-activating, .linked .sidebar popover.emoji-picker .emoji-toolbar button.keyboard-activating, .sidebar popover.emoji-picker .emoji-toolbar .linked button.keyboard-activating, .linked popover.emoji-picker .sidebar .emoji-toolbar button.keyboard-activating, popover.emoji-picker .sidebar .emoji-toolbar .linked button.keyboard-activating, .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.preferences.csd headerbar.bottom-toolbar button:active,
    window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button:active,
    .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button:active,
    .linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button:active,
    window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button:active,
    .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button:active,
    .sidebar window.csd.about > headerbar.bottom-toolbar .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 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.preferences.csd headerbar.bottom-toolbar button:checked,
    window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button:checked,
    .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button:checked,
    .linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button:checked,
    window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button:checked,
    .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button:checked,
    .sidebar window.csd.about > headerbar.bottom-toolbar .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 button.image-button.keyboard-activating, .linked button.image-button:active, .linked button.image-button:checked, .linked button.image-button:not(.text-button).keyboard-activating, .linked button.image-button:not(.text-button):active, .linked button.image-button:not(.text-button):checked, button.circular.image-button.keyboard-activating, button.circular.image-button:active, button.circular.image-button:checked, button.model.image-button.keyboard-activating, button.model.image-button:active, button.model.image-button:checked, button.raised.image-button.keyboard-activating, button.raised.image-button:active, button.raised.image-button:checked, button.raised.keyboard-activating, .messagedialog .response-area button.keyboard-activating, button.raised:active, .messagedialog .response-area button:active, button.raised:checked, .messagedialog .response-area button:checked, button.keyboard-activating, 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.preferences.csd headerbar.bottom-toolbar button:disabled,
    window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button:disabled,
    .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button:disabled,
    .linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button:disabled,
    window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button:disabled,
    .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button:disabled,
    .sidebar window.csd.about > headerbar.bottom-toolbar .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 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.raised:disabled, .messagedialog .response-area 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.preferences.csd headerbar.bottom-toolbar button:focus,
    window.preferences.csd .linked .sidebar headerbar.bottom-toolbar button:focus,
    .linked .sidebar .dialog.csd > headerbar.bottom-toolbar button:focus,
    .linked .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .linked button:focus,
    window.preferences.csd .sidebar headerbar.bottom-toolbar .linked button:focus,
    .sidebar .dialog.csd > headerbar.bottom-toolbar .linked button:focus,
    .sidebar window.csd.about > headerbar.bottom-toolbar .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 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.raised:focus, .messagedialog .response-area 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, entry.flat {
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none; }
    spinbutton.flat:focus, entry.flat: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 list.boxed-list > row .title + .subtitle, list.boxed-list > row header .title + .subtitle, 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; }

headerbar {
  background-color: @color_primary;
  border-radius: 0.500000001rem 0.500000001rem 0 0;
  color: #333; }
  headerbar .title {
    font-weight: bold;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5); }
  headerbar .subtitle {
    opacity: 0.75;
    font-size: 80%; }
  headerbar windowcontrols button,
  headerbar .image-button,
  headerbar .mode-switch {
    -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.5); }
  headerbar popover,
  headerbar menu {
    text-shadow: none;
    -gtk-icon-shadow: none; }
  headerbar box.start,
  headerbar box.end {
    border-spacing: 0.500000001rem; }
  headerbar box.start:dir(ltr),
  headerbar box.end:dir(rtl) {
    margin-right: 1.000000001rem; }
  headerbar box.end:dir(ltr),
  headerbar box.start:dir(rtl) {
    margin-left: 1.000000001rem; }
  headerbar .large-icons {
    -gtk-icon-size: 24px; }
  headerbar 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; }
  .csd headerbar {
    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; }
    .csd headerbar: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); }
    .csd headerbar.flat, window.preferences.csd headerbar, .dialog.csd > headerbar, window.csd.about > headerbar {
      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); }
  .ssd headerbar {
    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; }
    .ssd headerbar button {
      border-radius: 3px;
      padding: 3px; }

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 {
  border: none;
  box-shadow: none; }
  levelbar.flat block.empty {
    background: rgba(51, 51, 51, 0.2); }
  levelbar.flat block.filled.low:not(:backdrop) {
    background: #c6262e; }
    levelbar.flat block.filled.low:not(:backdrop) + .empty:not(:backdrop) {
      background: rgba(198, 38, 46, 0.2); }
  levelbar.flat block.filled.middle:not(:backdrop) {
    background: #ad5f00; }
    levelbar.flat block.filled.middle:not(:backdrop) + .empty:not(:backdrop) {
      background: rgba(173, 95, 0, 0.2); }
  levelbar.flat block.filled.high:not(:backdrop) {
    background: rgba(51, 51, 51, 0.6); }
  levelbar.flat block.filled.full:not(:backdrop) {
    background: #3a9104; }
    levelbar.flat block.filled.full:not(:backdrop) + .empty:not(:backdrop) {
      background: rgba(58, 145, 4, 0.2); }
  levelbar.flat block.filled:backdrop {
    background: rgba(51, 51, 51, 0.2); }

levelbar.flat.inverted block.filled.low:not(:backdrop) {
  background: #3a9104; }
  levelbar.flat.inverted block.filled.low:not(:backdrop) + .empty:not(:backdrop) {
    background: rgba(58, 145, 4, 0.2); }

levelbar.flat.inverted block.filled.middle:not(:backdrop) {
  background: rgba(51, 51, 51, 0.6); }

levelbar.flat.inverted block.filled.high:not(:backdrop) {
  background: #ad5f00; }
  levelbar.flat.inverted block.filled.high:not(:backdrop) + .empty:not(:backdrop) {
    background: rgba(173, 95, 0, 0.2); }

levelbar.flat.inverted block.filled.full:not(:backdrop) {
  background: #c6262e; }
  levelbar.flat.inverted 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; }

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):not(:selected) {
    background-color: shade(@tab_base_color, 0.9); }
  tab:checked, tab:selected {
    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, tab:selected:backdrop {
      background-color: shade(@tab_base_color, 0.97); }

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.preferences.csd headerbar.bottom-toolbar button.image-button,
  window.preferences.csd .osd .sidebar headerbar.bottom-toolbar button.image-button,
  .osd .sidebar .dialog.csd > headerbar.bottom-toolbar button.image-button,
  .osd .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .osd button.image-button,
  window.preferences.csd .sidebar headerbar.bottom-toolbar .osd button.image-button,
  .sidebar .dialog.csd > headerbar.bottom-toolbar .osd button.image-button,
  .sidebar window.csd.about > headerbar.bottom-toolbar .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.preferences.csd headerbar.bottom-toolbar button.image-button,
  window.preferences.csd .app-notification .sidebar headerbar.bottom-toolbar button.image-button,
  .app-notification .sidebar .dialog.csd > headerbar.bottom-toolbar button.image-button,
  .app-notification .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .app-notification button.image-button,
  window.preferences.csd .sidebar headerbar.bottom-toolbar .app-notification button.image-button,
  .sidebar .dialog.csd > headerbar.bottom-toolbar .app-notification button.image-button,
  .sidebar window.csd.about > headerbar.bottom-toolbar .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 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.preferences.csd headerbar.bottom-toolbar button.image-button:active,
    window.preferences.csd .osd .sidebar headerbar.bottom-toolbar button.image-button:active,
    .osd .sidebar .dialog.csd > headerbar.bottom-toolbar button.image-button:active,
    .osd .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .osd button.image-button:active,
    window.preferences.csd .sidebar headerbar.bottom-toolbar .osd button.image-button:active,
    .sidebar .dialog.csd > headerbar.bottom-toolbar .osd button.image-button:active,
    .sidebar window.csd.about > headerbar.bottom-toolbar .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.preferences.csd headerbar.bottom-toolbar button.image-button:active,
    window.preferences.csd .app-notification .sidebar headerbar.bottom-toolbar button.image-button:active,
    .app-notification .sidebar .dialog.csd > headerbar.bottom-toolbar button.image-button:active,
    .app-notification .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .app-notification button.image-button:active,
    window.preferences.csd .sidebar headerbar.bottom-toolbar .app-notification button.image-button:active,
    .sidebar .dialog.csd > headerbar.bottom-toolbar .app-notification button.image-button:active,
    .sidebar window.csd.about > headerbar.bottom-toolbar .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 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.menu > contents row,
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.menu > contents row:disabled,
  popover.background modelbutton:disabled,
  popover.background .menuitem:disabled, dropdown popover listview row:disabled {
    color: #979797; }
    popover.background.menu > contents row:disabled accelerator,
    popover.background modelbutton:disabled accelerator,
    popover.background .menuitem:disabled accelerator, dropdown popover listview row:disabled accelerator,
    popover.background.menu > contents row:disabled .keycap,
    popover.background modelbutton:disabled .keycap,
    popover.background .menuitem:disabled .keycap,
    dropdown popover listview row:disabled .keycap {
      opacity: 0.7; }
  popover.background.menu > contents row:hover,
  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.menu > contents row.destructive-action,
  popover.background modelbutton.destructive-action,
  popover.background .destructive-action.menuitem {
    color: #c6262e; }
    popover.background.menu > contents row.destructive-action:hover,
    popover.background modelbutton.destructive-action:hover,
    popover.background .destructive-action.menuitem:hover {
      background-color: rgba(198, 38, 46, 0.2); }
  popover.background.menu > contents row accelerator,
  popover.background modelbutton accelerator,
  popover.background .menuitem accelerator, dropdown popover listview row accelerator,
  dropdown popover listview.view row accelerator,
  popover.background.menu > contents row .keycap,
  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.menu > contents row check.left,
  popover.background modelbutton check.left,
  popover.background .menuitem check.left, dropdown popover listview row check.left,
  popover.background.menu > contents row radio.left,
  popover.background modelbutton radio.left,
  popover.background .menuitem radio.left,
  dropdown popover listview row radio.left {
    margin-right: 0.500000001rem; }
  popover.background.menu > contents row check.right,
  popover.background modelbutton check.right,
  popover.background .menuitem check.right, dropdown popover listview row check.right,
  popover.background.menu > contents row radio.right,
  popover.background modelbutton radio.right,
  popover.background .menuitem radio.right,
  dropdown popover listview row radio.right {
    margin-left: 0.500000001rem; }
  popover.background.menu > contents row switch slider,
  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 listview {
      background: none; }
    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.menu > contents row.heading label, popover.background.menu > contents row.h4 label, popover.background.menu > contents row.title-4 label,
  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,
  progressbar.flat trough {
    box-shadow: none;
    border: none;
    border-radius: 0.500000001rem;
    margin: 0; }
  progressbar.flat progress,
  progressbar.flat progress:backdrop,
  progressbar.flat .horizontal progress {
    animation: none;
    background: alpha(@fg_color, 0.78); }
  progressbar.flat 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); }

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

searchbar > revealer > box {
  padding: 0.500000001rem; }

searchbar button.close {
  background: #333;
  border-radius: 99px;
  color: rgba(255, 255, 255, 0.9);
  padding: 0.250000001rem; }
  searchbar button.close:active {
    background: rgba(51, 51, 51, 0.7);
    color: rgba(255, 255, 255, 0.7); }

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 list.boxed-list > row .title + .subtitle, list.boxed-list > row shortcut .title + .subtitle, 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 {
  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.preferences.csd headerbar.bottom-toolbar button.image-button,
  window.preferences.csd .app-notification .sidebar headerbar.bottom-toolbar button.image-button,
  .app-notification .sidebar .dialog.csd > headerbar.bottom-toolbar button.image-button,
  .app-notification .sidebar window.csd.about > headerbar.bottom-toolbar 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.preferences.csd headerbar.bottom-toolbar .app-notification button.image-button,
  window.preferences.csd .sidebar headerbar.bottom-toolbar .app-notification button.image-button,
  .sidebar .dialog.csd > headerbar.bottom-toolbar .app-notification button.image-button,
  .sidebar window.csd.about > headerbar.bottom-toolbar .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 {
    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.preferences.csd headerbar.bottom-toolbar,
.dialog.csd > headerbar.bottom-toolbar,
window.csd.about > headerbar.bottom-toolbar,
.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.preferences.csd headerbar.bottom-toolbar:backdrop,
  .dialog.csd > headerbar.bottom-toolbar:backdrop,
  window.csd.about > headerbar.bottom-toolbar: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.preferences.csd headerbar.bottom-toolbar,
  window.preferences.csd .sidebar headerbar.bottom-toolbar,
  .sidebar .dialog.csd > headerbar.bottom-toolbar,
  .sidebar window.csd.about > headerbar.bottom-toolbar,
  .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); }

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,
list.boxed-list {
  border: 1px solid rgba(0, 0, 0, 0.2); }
  frame.flat,
  .frame.flat,
  window.preferences.csd headerbar.frame,
  list.flat.boxed-list,
  .dialog.csd > headerbar.frame,
  window.csd.about > headerbar.frame,
  .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.preferences.csd headerbar.bottom-toolbar button.frame,
  window.preferences.csd .sidebar headerbar.bottom-toolbar button.frame,
  .sidebar .dialog.csd > headerbar.bottom-toolbar button.frame,
  .sidebar window.csd.about > headerbar.bottom-toolbar 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 window.about .main-page .app-version, window.about .main-page .terminal .app-version, .terminal .badge.flat, .terminal window.preferences.csd headerbar.badge, window.preferences.csd .terminal headerbar.badge, .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.suggested-action:not(:disabled), .terminal .messagedialog .response-area button.suggested-action:not(:disabled), .messagedialog .response-area .terminal button.suggested-action:not(:disabled), .terminal button.suggested-action:not(:disabled), .terminal .linked button.flat.suggested:not(:disabled), .linked .terminal button.flat.suggested:not(:disabled), .terminal .linked button.suggested:not(.text-button):not(:disabled), .linked .terminal button.suggested:not(.text-button):not(:disabled), .terminal button.image-button.suggested:not(:disabled), .terminal button.raised.suggested:not(:disabled), .terminal .messagedialog .response-area button.suggested:not(:disabled), .messagedialog .response-area .terminal button.suggested:not(:disabled), .terminal button.suggested: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 .dialog.csd > headerbar.badge, .terminal window.csd.about > headerbar.badge, .terminal list row:focus:selected, list .terminal row:focus:selected,
  .terminal listview row:focus:selected,
  listview .terminal row:focus:selected, .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; }

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 {
  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 {
    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).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).tiled-top {
    border-top-right-radius: 0; }
  window.csd.tiled-left:not(.maximized).tiled-bottom {
    border-bottom-right-radius: 0; }
  window.csd.fullscreen {
    border-radius: 0; }

window.ssd {
  border-radius: 6px 6px 0 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }

window.dialog, window.preferences.csd, window.about {
  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.preferences, window.csd.about {
    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.preferences:backdrop, window.csd.about: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.preferences.csd .dialog-content-area, window.about .dialog-content-area {
    margin: 1.000000001rem;
    margin-top: 1.500000001rem; }
  window.dialog .dialog-action-area, window.preferences.csd .dialog-action-area, window.about .dialog-action-area {
    margin: 1.000000001rem; }
  window.dialog.message .dialog-content-area box + expander-widget, window.message.preferences.csd .dialog-content-area box + expander-widget, window.message.about .dialog-content-area box + expander-widget {
    margin-bottom: 6px; }
  window.dialog.message .dialog-action-area, window.message.preferences.csd .dialog-action-area, window.message.about .dialog-action-area {
    margin-top: 1.3333333343rem; }

/******************
 * AdwAboutWindow *
 ******************/
window.about .main-page > viewport > clamp > box {
  border-spacing: 0.500000001rem;
  margin: 1.000000001rem; }
  window.about .main-page > viewport > clamp > box > box {
    border-spacing: 1.500000001rem;
    margin-top: 1.500000001rem; }

window.about .main-page .app-version {
  border: none;
  border-radius: 999px;
  box-shadow: none;
  margin-top: 0.250000001rem; }

window.about .subpage > viewport > clamp > box {
  border-spacing: 1.500000001rem;
  margin: 1.500000001rem 1.000000001rem; }

window.about .subpage > clamp > textview {
  background: none;
  color: inherit; }

list.boxed-list {
  border-radius: 0.500000001rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
  list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header {
    border-top-left-radius: 0.500000001rem;
    border-top-right-radius: 0.500000001rem; }
  list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child {
    border-bottom-left-radius: 0.500000001rem;
    border-bottom-right-radius: 0.500000001rem;
    border-bottom-width: 0; }
  list.boxed-list > row .icon:dir(ltr),
  list.boxed-list > row .prefixes:dir(ltr) {
    margin-right: 0.250000001rem; }
  list.boxed-list > row .icon:dir(rtl),
  list.boxed-list > row .prefixes:dir(rtl) {
    margin-left: 0.250000001rem; }
  list.boxed-list > row .prefixes,
  list.boxed-list > row .suffixes {
    border-spacing: 0.500000001rem; }
  list.boxed-list > row .title + .subtitle {
    margin-top: 0.25em; }
  list.boxed-list > row box.header {
    padding: 0.500000001rem 0.750000001rem;
    min-height: 2.6666666677rem; }
  list.boxed-list > row:not(.separator) + row:not(.separator) {
    border-top: 1px solid @menu_separator; }
  list.boxed-list row.entry .edit-icon,
  list.boxed-list row.entry .indicator {
    min-width: 2.000000001rem; }
  list.boxed-list row.entry .edit-icon {
    opacity: 0; }
  list.boxed-list row.entry:hover:not(:focus-within) .edit-icon {
    opacity: 1; }
  list.boxed-list row.expander image.expander-row-arrow {
    transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1); }
    list.boxed-list row.expander image.expander-row-arrow:dir(ltr) {
      -gtk-icon-transform: rotate(0.25turn); }
    list.boxed-list row.expander image.expander-row-arrow:dir(rtl) {
      -gtk-icon-transform: rotate(-0.25turn); }
  list.boxed-list row.expander:checked image.expander-row-arrow:dir(ltr) {
    -gtk-icon-transform: rotate(0.5turn); }
  list.boxed-list row.expander:checked image.expander-row-arrow:dir(rtl) {
    -gtk-icon-transform: rotate(-0.5turn); }
  list.boxed-list row.expander list {
    background: transparent; }

.messagedialog {
  padding: 1.000000001rem; }
  .messagedialog .message-area .title-2 {
    font-size: 1.22em;
    font-weight: 500;
    margin-bottom: 0.25em; }
  .messagedialog separator {
    opacity: 0; }
  .messagedialog .response-area {
    margin-top: 1.500000001rem; }
    .messagedialog .response-area separator {
      min-height: 0.750000001rem;
      min-width: 0.500000001rem; }

window.preferences.csd headerbar viewswitcher button.toggle {
  border-radius: 0.250000001rem; }
  window.preferences.csd headerbar viewswitcher button.toggle image {
    opacity: 0;
    -gtk-icon-size: 0; }

window.preferences.csd preferencespage > scrolledwindow undershoot.top {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 0.444rem); }

window.preferences.csd preferencespage > scrolledwindow > viewport > clamp > box {
  padding-left: 1.000000001rem;
  padding-right: 1.000000001rem; }

window.preferences.csd preferencesgroup {
  margin-bottom: 2rem; }

statuspage > scrolledwindow > viewport > box {
  margin: 3.000000001rem 1.000000001rem;
  border-spacing: 3.000000001rem; }
  statuspage > scrolledwindow > viewport > box > clamp > box {
    border-spacing: 1.000000001rem; }
    statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
      -gtk-icon-size: 128px; }
      statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
        margin-bottom: 2.000000001rem; }

statuspage.compact > scrolledwindow > viewport > box {
  margin: 2.000000001rem 1.000000001rem;
  border-spacing: 2.000000001rem; }
  statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
    -gtk-icon-size: 96px; }
    statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
      margin-bottom: 1.000000001rem; }
  statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
    font-size: 18pt; }

tabbar {
  background-color: shade(@tab_base_color, 0.95);
  background-image: linear-gradient(to bottom, shade(@color_primary, 0.7), rgba(0, 0, 0, 0.1) 1px, transparent 0.1666666677rem); }
  tabbar .box {
    margin-top: 0.1666666677rem;
    padding-bottom: 0.1666666677rem; }
    tabbar .box tabbox {
      background: transparent; }
  tabbar tab {
    background-clip: padding-box;
    margin: 1px;
    min-height: 24px; }
  tabbar tabbox > separator.vertical {
    margin: 6px 0;
    border-right: none;
    transition: opacity 150ms ease-in; }
    tabbar tabbox > separator.vertical.hidden {
      opacity: 0; }
  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; }

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 {
  border-radius: 0.250000001rem; }
  headerbar viewswitcher button image {
    opacity: 0;
    -gtk-icon-size: 0; }

viewswitcherbar actionbar {
  background: transparent;
  box-shadow: none;
  padding: 0; }

viewswitcherbar revealer > box {
  border-top: 1px solid rgba(0, 0, 0, 0.2); }
  viewswitcherbar revealer > box viewswitcher button {
    margin: 0;
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
    box-shadow: none; }
    viewswitcherbar revealer > box viewswitcher button:not(:checked):not(:hover) {
      background: transparent; }
    viewswitcherbar revealer > box viewswitcher button:not(:only-child):not(:last-child) {
      border-right-width: 0; }
    viewswitcherbar revealer > box viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcherbar revealer > box viewswitcher button:not(:checked):not(:hover) + viewswitcherbar revealer > box viewswitcher button:not(:checked):not(:hover) {
      border-left-color: transparent; }
    viewswitcherbar revealer > box viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) {
      border-right-color: transparent; }
    viewswitcherbar revealer > box viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcherbar revealer > box viewswitcher button:not(:checked):hover + viewswitcherbar revealer > box viewswitcher button:not(:checked):not(:hover), viewswitcherbar revealer > box viewswitcher button:not(:checked):not(:hover) + viewswitcherbar revealer > box viewswitcher button:not(:checked):hover {
      border-left-color: shade(@color_primary, 1.15); }
    viewswitcherbar revealer > box viewswitcher button:not(only-child):last-child:not(:checked):hover {
      border-right-color: shade(@color_primary, 1.15); }
    viewswitcherbar revealer > box 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)); }
    viewswitcherbar revealer > box viewswitcher button:not(:checked):not(only-child):first-child:hover, viewswitcherbar revealer > box viewswitcher button:not(:checked):hover + viewswitcherbar revealer > box viewswitcher button:not(:checked):not(:hover), viewswitcherbar revealer > box viewswitcher button:not(:checked):not(:hover) + viewswitcherbar revealer > box viewswitcher button:not(:checked):hover {
      border-left-color: @color_primary; }
    viewswitcherbar revealer > box viewswitcher button:not(:checked):not(only-child):last-child:hover {
      border-right-color: @color_primary; }
    viewswitcherbar revealer > box viewswitcher button:not(:checked):hover:backdrop {
      background-image: image(@color_primary); }
    viewswitcherbar revealer > box viewswitcher button image {
      -gtk-icon-palette: error @text_color, success @text_color, warning @text_color; }
