.background {
  color: #FFFFFF;
  background-color: rgba(25, 25, 25, 0.999); }
  .background:backdrop {
    color: #FFFFFF;
    background-color: rgba(25, 25, 25, 0.999); }

dnd {
  color: #FFFFFF; }

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

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

image:disabled {
  -gtk-icon-filter: opacity(0.5); }

.view, iconview {
  color: #FFFFFF;
  background-color: #202020; }
  .view:disabled, iconview:disabled {
    color: #8c8c8c;
    background-color: #252525; }
  .view:selected:focus, .view:selected, iconview:selected {
    color: #FFFFFF;
    background-color: #4D4D4D;
    border-radius: 0px; }
  .view:selected:backdrop, iconview:selected:backdrop {
    color: #FFFFFF;
    background-color: #4D4D4D; }

textview > text {
  color: #FFFFFF;
  background-color: #202020;
  background-color: transparent; }
  textview > text:disabled {
    color: #8c8c8c;
    background-color: #8c8c8c; }
  textview > text:selected:focus, textview > text:selected {
    color: #FFFFFF;
    background-color: #0078D7; }
  textview > text:selected:backdrop {
    color: #FFFFFF;
    background-color: #0078D7; }
  textview > text > selection {
    color: #FFFFFF;
    background-color: #0078D7; }
    textview > text > selection:focus-within {
      color: #FFFFFF;
      background-color: #0078D7; }

textview:drop(active) {
  caret-color: #4D4D4D; }

iconview:drop(active) {
  box-shadow: none; }

iconview > dndtarget:drop(active) {
  border: 1px solid #4D4D4D; }

rubberband {
  border: 1px solid #454545;
  background-color: rgba(77, 77, 77, 0.3); }

flowbox > rubberband {
  border: 1px solid #454545;
  background-color: rgba(77, 77, 77, 0.3); }

flowbox > flowboxchild {
  padding: 3px; }
  flowbox > flowboxchild:selected {
    color: #FFFFFF;
    background-color: #4D4D4D; }

gridview > rubberband {
  border: 1px solid #454545;
  background-color: rgba(77, 77, 77, 0.3); }

gridview > child {
  padding: 3px;
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  gridview > child:selected {
    color: #FFFFFF;
    background-color: #4D4D4D; }
    gridview > child:selected:backdrop {
      color: #FFFFFF;
      background-color: #4D4D4D; }
  gridview > child box {
    border-spacing: 8px;
    margin: 12px; }

coverflow cover {
  color: #FFFFFF;
  background-color: #202020;
  border: 1px solid #474747; }

label:selected {
  color: #FFFFFF; }

label > selection {
  color: #FFFFFF;
  background-color: #0078D7; }
  label > selection:focus-within {
    color: #FFFFFF;
    background-color: #0078D7; }

label:disabled {
  color: #8c8c8c; }
  button label:disabled {
    color: inherit; }
  label:disabled > selection {
    color: #4682b2; }
    label:disabled > selection:backdrop {
      color: #296595; }

label.error {
  color: #CC0000; }
  label.error:disabled {
    color: rgba(204, 0, 0, 0.5); }

.dim-label {
  opacity: 0.6;
  text-shadow: none; }

button {
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  button:backdrop {
    transition: 200ms ease-out; }
  button.flat {
    transition: none; }
    button.flat:hover, button.flat:checked {
      transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

entry {
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  entry:focus {
    transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

flowbox > flowboxchild {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

gridview > child {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

searchbar > revealer > box:backdrop {
  transition: 200ms ease-out; }

headerbar:backdrop {
  transition: 200ms ease-out; }

treeview > header > button, treeview > header > button:hover, treeview > header > button:active {
  transition: none; }

treeview > header > button button.dnd:active, treeview > header > button button.dnd:selected, treeview > header > button button.dnd:hover, treeview > header > button button.dnd, treeview > header > button header.button.dnd:active, treeview > header > button header.button.dnd:selected, treeview > header > button header.button.dnd:hover, treeview > header > button header.button.dnd {
  transition: none; }

popover.menu box.inline-buttons button.image-button.model {
  transition: none; }

notebook > header > tabs > tab {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

scrollbar {
  transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  scrollbar:backdrop {
    transition: 200ms ease-out; }
  scrollbar > range > trough > slider {
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  scrollbar > range.fine-tune > trough > slider {
    transition: none; }

switch {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  switch > slider {
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.view.content-view.check:not(list), iconview.content-view.check:not(list),
.content-view .tile check:not(list) {
  transition: 200ms; }

checkbutton {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

scale > through {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  scale > through > slider {
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-property: background, border, box-shadow; }

placesview .server-list-button > image,
placesview .server-list-button:checked > image {
  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

colorswatch {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

plane {
  transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

window.csd:backdrop {
  transition: 200ms ease-out; }

window.assistant .sidebar {
  padding: 4px;
  border-top: 1px solid #333333; }

window.assistant.csd .sidebar {
  border-top-style: none; }

window.assistant .sidebar > label {
  padding: 6px 12px; }

window.assistant .sidebar > label.highlight {
  background-color: #4D4D4D;
  border-radius: 0px; }

window.aboutdialog image.large-icons {
  -gtk-icon-size: 128px; }

.background.osd {
  color: #FFFFFF;
  background-color: #474747; }

.osd frame {
  background-clip: border-box;
  background-origin: border-box; }

.osd button, button.osd {
  padding: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #393939;
  border-radius: 0px;
  background-color: #4d4d4d;
  color: #FFFFFF; }
  .osd button:hover, button.osd:hover {
    border-color: #323232;
    background-color: #4e4e4e;
    color: #FFFFFF; }
  .osd button:active, .osd button:checked, button.osd:active, button.osd:checked {
    border-color: #393939;
    background-color: #434343;
    color: #FFFFFF; }
  .osd button:disabled, button.osd:disabled {
    border-color: #3c3c3c;
    background-color: #404040;
    color: rgba(255, 255, 255, 0.8); }
  .osd button:checked:disabled, button.osd:checked:disabled {
    background-color: #393939; }

.osd toolbar, toolbar.osd {
  padding: 4px;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  border-color: #393939;
  background-color: #474747;
  color: #FFFFFF; }
  .osd toolbar button, toolbar.osd button {
    padding: 2px 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #393939;
    border-radius: 0px;
    background-color: #4d4d4d;
    color: #FFFFFF; }
    .osd toolbar button:hover, toolbar.osd button:hover {
      border-color: #323232;
      background-color: #4e4e4e;
      color: #FFFFFF; }
    .osd toolbar button:active, .osd toolbar button:checked, toolbar.osd button:active, toolbar.osd button:checked {
      border-color: #393939;
      background-color: #434343;
      color: #FFFFFF; }
    .osd toolbar button:disabled, toolbar.osd button:disabled {
      border-color: #3c3c3c;
      background-color: #404040;
      color: rgba(255, 255, 255, 0.8); }
    .osd toolbar button:checked:disabled, toolbar.osd button:checked:disabled {
      border-color: #353535;
      background-color: #393939; }
  .osd toolbar separator, toolbar.osd separator {
    color: #404040; }

.osd scale slider, scale.osd slider {
  background-color: #4D4D4D; }
  .osd scale slider:hover, scale.osd slider:hover {
    background-color: #4D4D4D; }
  .osd scale slider:disabled, scale.osd slider:disabled {
    background-color: #636363; }

.osd scale trough, scale.osd trough {
  border-color: #636363; }
  .osd scale trough:disabled, scale.osd trough:disabled {
    border-color: #3c3c3c;
    background-color: transparent; }

.osd scale highlight, scale.osd highlight {
  border-color: #4D4D4D;
  background-color: #4D4D4D; }

.osd progress, progress.osd {
  background-color: #FFFFFF; }

.osd progressbar, progressbar.osd {
  padding: 0; }
  .osd progressbar trough, progressbar.osd trough {
    padding: 0;
    border-style: none;
    border-radius: 0;
    background-color: transparent; }
  .osd progressbar progress, progressbar.osd progress {
    border-style: none;
    border-radius: 0;
    background-color: #4D4D4D; }

.osd scrollbar trough, scrollbar.osd trough {
  background-color: transparent; }

.osd scrollbar slider, scrollbar.osd slider {
  border-width: 0px;
  border-radius: 6px;
  background-color: #494949; }
  .osd scrollbar slider:hover, scrollbar.osd slider:hover {
    border-color: #606060;
    background-color: #606060; }
  .osd scrollbar slider:active, scrollbar.osd slider:active {
    border-color: #606060;
    background-color: #303030; }

.osd view, view.osd, .osd.view, iconview.osd {
  background-color: #191919; }
  .osd view:selected, .osd view:selected:focus, view.osd:selected, view.osd:selected:focus, .osd.view:selected, iconview.osd:selected, .osd.view:selected:focus {
    background-color: transparent;
    border-style: solid;
    border-radius: 0;
    border-width: 3px;
    border-color: #FFFFFF;
    outline-color: transparent; }

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

spinner {
  opacity: 0;
  background: none;
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
  spinner:checked {
    opacity: 1;
    animation: spin 1s linear infinite; }
    spinner:checked:disabled {
      opacity: 0.5; }

.large-title {
  font-weight: 300;
  font-size: 24pt; }

.title-1 {
  font-weight: 800;
  font-size: 20pt; }

.title-2 {
  font-weight: 800;
  font-size: 15pt; }

.title-3 {
  font-weight: 700;
  font-size: 15pt; }

.title-4 {
  font-weight: 700;
  font-size: 13pt; }

.heading {
  font-weight: 700;
  font-size: 11pt; }

.body {
  font-weight: 400;
  font-size: 11pt; }

.caption-heading {
  font-weight: 700;
  font-size: 9pt; }

.caption {
  font-weight: 400;
  font-size: 9pt; }

entry {
  padding: 4px 3px;
  border-radius: 0px;
  border: 1px solid #333333;
  color: #FFFFFF;
  background-color: #202020;
  caret-color: currentColor; }
  entry:focus-within {
    border-color: shade(#4D4D4D, 0.6);
    box-shadow: none; }
    entry:focus-within > placeholder {
      opacity: 0; }
  entry:disabled {
    border-color: #2f2f2f;
    color: #8c8c8c;
    background-color: #202020; }
    entry:disabled:backdrop {
      border-color: #232323;
      color: #535353;
      background-color: #1e1e1e; }
  entry:backdrop {
    border-color: #333333;
    color: #FFFFFF;
    background-color: #202020; }
  entry.flat, entry.flat:focus {
    min-height: 0px;
    padding: 3px;
    border-radius: 0px;
    background-image: none;
    border-color: transparent; }
  entry > text > selection {
    background-color: #0078D7;
    color: #FFFFFF; }
    entry > text > selection:focus-within {
      background-color: #0078D7;
      color: #FFFFFF; }
  entry > image {
    color: #d2d2d2; }
    entry > image.left {
      padding-right: 5px; }
    entry > image.right {
      padding-left: 5px; }
    entry > image:hover {
      color: #FFFFFF; }
    entry > image:active {
      color: #4D4D4D; }
  entry.password image.caps-lock-indicator {
    color: #d2d2d2; }
  entry > progress {
    margin-bottom: 2px;
    border-color: transparent; }
  entry progress > trough > progress {
    border-radius: 0;
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #4D4D4D;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    margin-left: 2px;
    margin-right: 2px; }
  entry.search {
    border-radius: 40px; }
  entry:drop(active), entry:drop(active):focus-within {
    border-color: #4D4D4D;
    box-shadow: inset 0 0 0 1px #4D4D4D; }

treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) {
  background-color: #202020;
  transition-property: color, background; }

treeview entry.flat, treeview entry {
  border-radius: 0;
  background-image: none;
  background-color: #202020; }
  treeview entry.flat:focus-within, treeview entry:focus-within {
    border-color: #4D4D4D; }

editablelabel > stack > text > selection {
  color: transparent;
  background-color: #4D4D4D; }
  editablelabel > stack > text > selection:focus-within {
    color: #FFFFFF;
    background-color: #0078D7; }


button {
  padding: 4px 6px;
  min-width: 14px;
  min-height: 18px;
  border-radius: 0px;
  border: 1px solid #333333;
  color: #FFFFFF;
  background-color: #191919;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  -gtk-icon-shadow: none; }
  
  button:focus {
    border-color: #363636; }
  
  button:hover {
    border-color: #363636;
    color: #FFFFFF;
    background-color: #4f4f4f; }
  
  button:active {
    border-color: #717171;
    color: #FFFFFF;
    background-color: #494949; }
  
  button:checked {
    border-color: #717171;
    color: #FFFFFF;
    background-color: #494949; }
  
  button:checked:backdrop {
    border-color: #535353;
    color: #FFFFFF;
    background-color: #3c3c3c; }
  
  button:checked:disabled {
    border-color: #4e4e4e;
    color: #8c8c8c;
    background-color: #393939; }
  
  button:checked:disabled:backdrop {
    border-color: #333333;
    color: #535353;
    background-color: #282828; }
  
  button:disabled {
    border-color: #2f2f2f;
    color: #8c8c8c;
    background-color: #252525; }
  
  button:disabled:backdrop {
    border-color: #232323;
    color: #535353;
    background-color: #1e1e1e; }
  
  button:backdrop {
    border-color: #333333;
    color: #FFFFFF;
    background-color: #191919; }

headerbar button, toolbar button,
.toolbar button,
button.flat {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  -gtk-icon-shadow: none; }
  headerbar button:backdrop, toolbar button:backdrop,
  .toolbar button:backdrop, headerbar button:disabled, toolbar button:disabled,
  .toolbar button:disabled,
  button.flat:backdrop,
  button.flat:disabled,
  button.flat:disabled:backdrop {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    -gtk-icon-shadow: none; }
  headerbar button:hover, toolbar button:hover,
  .toolbar button:hover,
  button.flat:hover {
    border-color: #363636;
    color: #FFFFFF;
    background-color: #4f4f4f; }
  headerbar button:active, toolbar button:active,
  .toolbar button:active,
  button.flat:active {
    border-color: #717171;
    color: #FFFFFF;
    background-color: #494949; }
  headerbar button:checked, toolbar button:checked,
  .toolbar button:checked,
  button.flat:checked {
    border-color: #717171;
    color: #FFFFFF;
    background-color: #494949; }
  headerbar button:checked:backdrop, toolbar button:checked:backdrop,
  .toolbar button:checked:backdrop,
  button.flat:checked:backdrop {
    border-color: #535353;
    color: #FFFFFF;
    background-color: #3c3c3c; }
  headerbar button:checked:disabled, toolbar button:checked:disabled,
  .toolbar button:checked:disabled,
  button.flat:checked:disabled {
    border-color: #4e4e4e;
    color: #8c8c8c;
    background-color: #393939; }
  headerbar button:checked:disabled:backdrop, toolbar button:checked:disabled:backdrop,
  .toolbar button:checked:disabled:backdrop,
  button.flat:checked:disabled:backdrop {
    border-color: #333333;
    color: #535353;
    background-color: #282828; }

button.destructive-action {
  border: 1px solid #333333;
  color: #FFFFFF;
  background-color: #191919;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  -gtk-icon-shadow: none; }
  button.destructive-action:focus {
    border-color: #363636; }
  button.destructive-action:not(:hover) {
    border-color: #ae0909;
    box-shadow: inset 0 0 0 1px #ae0909; }
  button.destructive-action:hover {
    border-color: #363636;
    color: #FFFFFF;
    background-color: #4f4f4f; }
    button.destructive-action:hover:not(:hover) {
      border-color: #ae0909;
      box-shadow: inset 0 0 0 1px #ae0909; }
  button.destructive-action:active {
    border-color: #717171;
    color: #FFFFFF;
    background-color: #494949; }
    button.destructive-action:active:not(:hover) {
      border-color: #ae0909;
      box-shadow: inset 0 0 0 1px #ae0909; }
  button.destructive-action:checked {
    border-color: #717171;
    color: #FFFFFF;
    background-color: #494949; }
    button.destructive-action:checked:not(:hover) {
      border-color: #ae0909;
      box-shadow: inset 0 0 0 1px #ae0909; }
  button.destructive-action:backdrop {
    border-color: #333333;
    color: #FFFFFF;
    background-color: #191919; }
    button.destructive-action:backdrop:not(:hover) {
      border-color: #ae0909;
      box-shadow: inset 0 0 0 1px #ae0909; }

button.suggested-action {
  border: 1px solid #333333;
  color: #FFFFFF;
  background-color: #191919;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  -gtk-icon-shadow: none; }
  button.suggested-action:focus {
    border-color: #363636; }
  button.suggested-action:not(:hover) {
    border-color: #0a6bb8;
    box-shadow: inset 0 0 0 1px #0a6bb8; }
  button.suggested-action:hover {
    border-color: #363636;
    color: #FFFFFF;
    background-color: #4f4f4f; }
    button.suggested-action:hover:not(:hover) {
      border-color: #0a6bb8;
      box-shadow: inset 0 0 0 1px #0a6bb8; }
  button.suggested-action:active {
    border-color: #717171;
    color: #FFFFFF;
    background-color: #494949; }
    button.suggested-action:active:not(:hover) {
      border-color: #0a6bb8;
      box-shadow: inset 0 0 0 1px #0a6bb8; }
  button.suggested-action:checked {
    border-color: #717171;
    color: #FFFFFF;
    background-color: #494949; }
    button.suggested-action:checked:not(:hover) {
      border-color: #0a6bb8;
      box-shadow: inset 0 0 0 1px #0a6bb8; }
  button.suggested-action:backdrop {
    border-color: #333333;
    color: #FFFFFF;
    background-color: #191919; }
    button.suggested-action:backdrop:not(:hover) {
      border-color: #0a6bb8;
      box-shadow: inset 0 0 0 1px #0a6bb8; }

button.link,
link {
  color: #224BA0;
  text-decoration: underline; }
  button.link:visited,
  link:visited {
    color: #4e6fb3; }
    *:selected button.link:visited, *:selected link:visited {
      color: #95a9d1; }
  button.link:hover,
  link:hover {
    color: #1e50b7; }
    *:selected button.link:hover, *:selected link:hover {
      color: #385daa; }
  button.link:active,
  link:active {
    color: #224BA0; }
    *:selected button.link:active, *:selected link:active {
      color: #4e6fb3; }
  button.link,
  link {
    color: #2f4c87; }
  button.link:disabled,
  link:disabled {
    color: rgba(97, 97, 97, 0.8); }
  button.link:selected, *:selected button.link,
  link:selected, *:selected link {
    color: #4e6fb3; }

button.link, button.link:hover, button.link:active, button.link:checked {
  text-shadow: none; }

button.link > label {
  text-decoration: underline; }

spinbutton:not(.vertical) {
  padding: 4px 3px;
  border-radius: 0px;
  border: 1px solid #333333;
  color: #FFFFFF;
  background-color: #202020;
  min-height: 28px;
  padding: 0px; }
  spinbutton:not(.vertical):focus {
    border-color: #4D4D4D; }
  spinbutton:not(.vertical) > text {
    min-height: 0px;
    padding: 3px;
    border-radius: 0px;
    background-image: none;
    border-color: transparent;
    padding: 7px;
    min-width: 36px; }
    spinbutton:not(.vertical) > text > selection {
      background-color: #4D4D4D;
      color: #FFFFFF; }
      spinbutton:not(.vertical) > text > selection:focus-within {
        background-color: #0078D7;
        color: #FFFFFF; }
  spinbutton:not(.vertical) > button {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    -gtk-icon-shadow: none;
    padding: 4px 6px;
    border-radius: 0px;
    box-shadow: -1px 0 #333333; }
    spinbutton:not(.vertical) > button.up {
      border-radius: 0 0px 0px 0; }
    spinbutton:not(.vertical) > button:hover {
      background-color: rgba(0, 0, 0, 0.1); }
  spinbutton:not(.vertical):disabled {
    border-color: #2f2f2f;
    color: #8c8c8c;
    background-color: #202020; }
    spinbutton:not(.vertical):disabled:backdrop {
      border-color: #232323;
      color: #535353;
      background-color: #1e1e1e; }
  spinbutton:not(.vertical):backdrop {
    border-color: #333333;
    color: #FFFFFF;
    background-color: #202020; }

spinbutton.vertical > text {
  padding: 4px 3px;
  border-radius: 0px;
  border: 1px solid #333333;
  color: #FFFFFF;
  background-color: #202020;
  min-height: 32px;
  min-width: 32px;
  padding: 0;
  border-radius: 0; }
  spinbutton.vertical > text > selection {
    background-color: #4D4D4D;
    color: #FFFFFF; }
    spinbutton.vertical > text > selection:focus-within {
      background-color: #0078D7;
      color: #FFFFFF; }

spinbutton.vertical > button {
  min-height: 32px;
  min-width: 32px;
  padding: 0; }
  spinbutton.vertical > button.up {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-width: 0; }
  spinbutton.vertical > button.down {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

spinbutton.vertical:drop(active) {
  border-color: transparent;
  box-shadow: none; }

toolbar,
.toolbar {
  padding: 4px;
  border: none;
  color: #FFFFFF;
  background-color: #191919; }
  toolbar:backdrop,
  .toolbar:backdrop {
    color: #FFFFFF;
    background-color: #191919; }

searchbar {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #333333;
  background-color: #181818; }

.nautilus-window .searchbar-container {
  margin-top: -1px; }

infobar > revealer > box {
  padding: 8px;
  border-spacing: 12px;
  box-shadow: none; }

infobar.info > revealer > box {
  border: 1px solid #0055FF;
  color: #FFFFFF;
  background-image: none;
  background-color: #0055FF; }
  infobar.info > revealer > box button:not(.close) {
    border-color: transparent;
    color: #FFFFFF;
    background-image: none;
    background-color: #1463ff;
    box-shadow: none; }
    infobar.info > revealer > box button:not(.close):hover {
      background-color: #1a66ff; }
    infobar.info > revealer > box button:not(.close):active {
      background-color: #0653ec; }

infobar.warning > revealer > box {
  border: 1px solid #FF9900;
  color: #FFFFFF;
  background-image: none;
  background-color: #FF9900; }
  infobar.warning > revealer > box button:not(.close) {
    border-color: transparent;
    color: #FFFFFF;
    background-image: none;
    background-color: #ffa114;
    box-shadow: none; }
    infobar.warning > revealer > box button:not(.close):hover {
      background-color: #ffa31a; }
    infobar.warning > revealer > box button:not(.close):active {
      background-color: #ec9006; }

infobar.question > revealer > box {
  border: 1px solid #2C2C2C;
  color: #FFFFFF;
  background-image: none;
  background-color: #2C2C2C; }
  infobar.question > revealer > box button:not(.close) {
    border-color: transparent;
    color: #FFFFFF;
    background-image: none;
    background-color: #303030;
    box-shadow: none; }
    infobar.question > revealer > box button:not(.close):hover {
      background-color: #303030; }
    infobar.question > revealer > box button:not(.close):active {
      background-color: #2a2a2a; }

infobar.error > revealer > box {
  border: 1px solid #CC0000;
  background-color: #CC0000;
  background-image: none;
  color: #FFFFFF; }
  infobar.error > revealer > box button:not(.close) {
    border-color: transparent;
    color: #FFFFFF;
    background-image: none;
    background-color: #dc0000;
    box-shadow: none; }
    infobar.error > revealer > box button:not(.close):hover {
      background-color: #e00000; }
    infobar.error > revealer > box button:not(.close):active {
      background-color: #bd0505; }

infobar .close {
  color: #FFFFFF;
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none; }
  infobar .close:hover {
    background-color: rgba(255, 255, 255, 0.1); }
  infobar .close:active {
    background-color: rgba(0, 0, 0, 0.05); }

headerbar {
  min-height: 32px;
  padding: 4px 8px;
  border-bottom: 1px solid #333333;
  color: #FFFFFF;
  background-color: #191919;
  background-image: none;
  box-shadow: none; }
  headerbar .title {
    padding-left: 12px;
    padding-right: 12px;
    font-weight: bold; }
  headerbar .subtitle {
    font-size: smaller;
    padding-left: 12px;
    padding-right: 12px;
    color: alpha(currentColor, 0.7); }
  headerbar:backdrop {
    border-bottom-color: #333333;
    color: #FFFFFF;
    background-color: #191919; }
  .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop {
    border-radius: 0; }
  headerbar.titlebar, .titlebar headerbar {
    border-radius: 0px 0px 0px 0px; }
  separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop {
    border-top-left-radius: 0px; }
    .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop {
      border-radius: 0; }
  headerbar:last-child, headerbar:last-child:backdrop {
    border-top-right-radius: 0px; }
    .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop {
      border-radius: 0; }
  headerbar windowcontrols {
    border-spacing: 6px; }
    headerbar windowcontrols.start:not(.empty):dir(ltr), headerbar windowcontrols.end:not(.empty):dir(rtl) {
      margin-right: 7px; }
    headerbar windowcontrols.start:not(.empty):dir(rtl), headerbar windowcontrols.end:not(.empty):dir(ltr) {
      margin-left: 7px; }
    headerbar windowcontrols button.close {
      padding: 0px;
      min-width: 44px;
      min-height: 30px;
      border: none;
      color: transparent;
      background-color: transparent;
      background-size: 44px 30px;
      background-repeat: no-repeat;
      background-position: center center;
      box-shadow: none;
      -gtk-icon-shadow: none;
      background-image: url("assets/close-focused.png"); }
      headerbar windowcontrols button.close:hover {
        background-color: #ff5252; }
      headerbar windowcontrols button.close:active {
        background-color: #ff0000; }
      headerbar windowcontrols button.close:backdrop {
        color: transparent; }
      headerbar windowcontrols button.close:hover {
        background-image: url("assets/close-focused-active.png"); }
      headerbar windowcontrols button.close:active {
        background-image: url("assets/close-focused-active.png"); }
      headerbar windowcontrols button.close:backdrop {
        background-image: url("assets/close-unfocused.png"); }
      headerbar windowcontrols button.close:backdrop:hover {
        background-image: url("assets/close-focused-active.png"); }
      headerbar windowcontrols button.close:backdrop:active {
        background-image: url("assets/close-focused-active.png"); }
    headerbar windowcontrols button.maximize {
      padding: 0px;
      min-width: 44px;
      min-height: 30px;
      border: none;
      color: transparent;
      background-color: transparent;
      background-size: 44px 30px;
      background-repeat: no-repeat;
      background-position: center center;
      box-shadow: none;
      -gtk-icon-shadow: none;
      background-image: url("assets/maximize-focused.png"); }
      headerbar windowcontrols button.maximize:hover {
        background-color: rgba(255, 255, 255, 0.15); }
      headerbar windowcontrols button.maximize:active {
        background-color: rgba(255, 255, 255, 0.3); }
      headerbar windowcontrols button.maximize:backdrop {
        color: transparent; }
      headerbar windowcontrols button.maximize:hover {
        background-image: url("assets/maximize-focused.png"); }
      headerbar windowcontrols button.maximize:active {
        background-image: url("assets/maximize-focused.png"); }
      headerbar windowcontrols button.maximize:backdrop {
        background-image: url("assets/maximize-unfocused.png"); }
      headerbar windowcontrols button.maximize:backdrop:hover {
        background-image: url("assets/maximize-focused.png"); }
      headerbar windowcontrols button.maximize:backdrop:active {
        background-image: url("assets/maximize-focused.png"); }
    headerbar windowcontrols button.minimize {
      padding: 0px;
      min-width: 44px;
      min-height: 30px;
      border: none;
      color: transparent;
      background-color: transparent;
      background-size: 44px 30px;
      background-repeat: no-repeat;
      background-position: center center;
      box-shadow: none;
      -gtk-icon-shadow: none;
      background-image: url("assets/minimize-focused.png"); }
      headerbar windowcontrols button.minimize:hover {
        background-color: rgba(255, 255, 255, 0.15); }
      headerbar windowcontrols button.minimize:active {
        background-color: rgba(255, 255, 255, 0.3); }
      headerbar windowcontrols button.minimize:backdrop {
        color: transparent; }
      headerbar windowcontrols button.minimize:hover {
        background-image: url("assets/minimize-focused.png"); }
      headerbar windowcontrols button.minimize:active {
        background-image: url("assets/minimize-focused.png"); }
      headerbar windowcontrols button.minimize:backdrop {
        background-image: url("assets/minimize-unfocused.png"); }
      headerbar windowcontrols button.minimize:backdrop:hover {
        background-image: url("assets/minimize-focused.png"); }
      headerbar windowcontrols button.minimize:backdrop:active {
        background-image: url("assets/minimize-focused.png"); }
    .maximized headerbar windowcontrols button.maximize {
      padding: 0px;
      min-width: 44px;
      min-height: 30px;
      border: none;
      color: transparent;
      background-color: transparent;
      background-size: 44px 30px;
      background-repeat: no-repeat;
      background-position: center center;
      box-shadow: none;
      -gtk-icon-shadow: none;
      background-image: url("assets/restore-focused.png"); }
      .maximized headerbar windowcontrols button.maximize:hover {
        background-color: rgba(255, 255, 255, 0.15); }
      .maximized headerbar windowcontrols button.maximize:active {
        background-color: rgba(255, 255, 255, 0.3); }
      .maximized headerbar windowcontrols button.maximize:backdrop {
        color: transparent; }
      .maximized headerbar windowcontrols button.maximize:hover {
        background-image: url("assets/restore-focused.png"); }
      .maximized headerbar windowcontrols button.maximize:active {
        background-image: url("assets/restore-focused.png"); }
      .maximized headerbar windowcontrols button.maximize:backdrop {
        background-image: url("assets/restore-unfocused.png"); }
      .maximized headerbar windowcontrols button.maximize:backdrop:hover {
        background-image: url("assets/restore-focused.png"); }
      .maximized headerbar windowcontrols button.maximize:backdrop:active {
        background-image: url("assets/restore-focused.png"); }

pathbar > button.text-button, pathbar > button.image-button, pathbar > button {
  padding-left: 4px;
  padding-right: 4px; }

pathbar > button.text-button.imagebutton > label {
  padding-left: 0;
  padding-right: 0; }
  pathbar > button.text-button.imagebutton > label:last-child {
    padding-right: 8px; }
  pathbar > button.text-button.imagebutton > label:first-child {
    padding-left: 8px; }

pathbar > button image {
  padding-left: 4px;
  padding-right: 4px; }

pathbar > button.slider-button {
  padding-left: 0;
  padding-right: 0; }

columnview.view, treeview.view {
  border-left-color: #2f2f2f;
  border-top-color: #2f2f2f; }
  columnview.view > rubberband, treeview.view > rubberband {
    border: 1px solid #454545;
    background-color: rgba(77, 77, 77, 0.3); }
  columnview.view:selected, columnview.view:selected:focus, treeview.view:selected, treeview.view:selected:focus {
    color: #FFFFFF;
    background-color: #4D4D4D;
    border-radius: 0; }
    columnview.view:selected:backdrop, columnview.view:selected:focus:backdrop, treeview.view:selected:backdrop, treeview.view:selected:focus:backdrop {
      color: #FFFFFF;
      background-color: #4D4D4D; }
  columnview.view:disabled, treeview.view:disabled {
    color: #8c8c8c; }
    columnview.view:disabled:backdrop, treeview.view:disabled:backdrop {
      color: #535353; }
    columnview.view:disabled:selected, treeview.view:disabled:selected {
      color: #6d6d6d; }
      columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop {
        color: #505050; }
  columnview.view.separator, treeview.view.separator {
    min-height: 2px;
    color: #2f2f2f; }
  columnview.view:backdrop, treeview.view:backdrop {
    border-left-color: #2f2f2f;
    border-top: #2f2f2f; }
  columnview.view:drop(active), treeview.view:drop(active) {
    box-shadow: none; }
  columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) {
    border-style: solid none;
    border-width: 1px;
    border-color: #4D4D4D; }
    columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) {
      border-top-style: none; }
    columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) {
      border-bottom-style: none; }
  columnview.view.expander, treeview.view.expander {
    min-width: 16px;
    min-height: 16px;
    color: #bcbcbc;
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
    columnview.view.expander:hover, treeview.view.expander:hover {
      color: #FFFFFF; }
    columnview.view.expander:selected, treeview.view.expander:selected {
      color: #cacaca; }
      columnview.view.expander:selected:hover, treeview.view.expander:selected:hover {
        color: #FFFFFF; }
    columnview.view.expander:checked, treeview.view.expander:checked {
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
    columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) {
      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
  columnview.view.progressbar, treeview.view.progressbar {
    color: #FFFFFF;
    background-color: #4D4D4D;
    background-image: image(#4D4D4D);
    box-shadow: none; }
    columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected {
      color: #4D4D4D;
      background-image: image(#FFFFFF); }
      columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
        color: #4D4D4D;
        background-color: #FFFFFF; }
  columnview.view.trough, treeview.view.trough {
    background-color: rgba(255, 255, 255, 0.9); }
    columnview.view.trough:selected, columnview.view.trough:selected:focus, treeview.view.trough:selected, treeview.view.trough:selected:focus {
      background-color: rgba(255, 255, 255, 0.3); }
  columnview.view > header > button, treeview.view > header > button {
    color: #909090;
    background-color: #202020;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none; }
    columnview.view > header > button:hover, treeview.view > header > button:hover {
      color: #c8c8c8;
      box-shadow: none;
      transition: none; }
    columnview.view > header > button:active, treeview.view > header > button:active {
      color: #FFFFFF;
      transition: none; }
    columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator {
      min-height: 16px;
      min-width: 16px; }
      columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending {
        -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
      columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending {
        -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd {
    padding: 0 6px;
    color: #FFFFFF;
    background-image: none;
    background-color: #4D4D4D;
    border-style: none;
    border-radius: 0;
    box-shadow: inset 0 0 0 1px #FFFFFF;
    text-shadow: none;
    transition: none; }
  columnview.view acceleditor > label, treeview.view acceleditor > label {
    background-color: #4D4D4D; }

columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active {
  padding: 0 6px;
  background-image: none;
  border-style: none none solid solid;
  border-color: #2f2f2f;
  border-radius: 0;
  text-shadow: none; }
  columnview.view > header > button:disabled, treeview.view > header > button:disabled {
    border-color: #191919;
    background-image: none; }
  columnview.view > header > button:last-child, treeview.view > header > button:last-child {
    border-right-style: none; }

popover.background, popover.background:backdrop {
  font: initial;
  background-color: transparent; }

popover > arrow,
popover > contents {
  border: 1px solid #333333;
  color: #FFFFFF;
  background-color: #191919;
  background-clip: padding-box;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.45); }

popover > contents {
  border-radius: 0px; }
  popover > contents > list,
  popover > contents > .view,
  popover > contents > iconview,
  popover > contents > toolbar {
    border-style: none;
    background-color: transparent; }
  popover > contents separator {
    margin: 3px;
    background-color: #333333; }

magnifier {
  background-color: #202020; }

popover.menu > contents {
  min-width: 120px;
  padding: 3px; }

popover.menu box.inline-buttons {
  padding: 0px 4px; }

popover.menu modelbutton {
  min-height: 20px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 0px;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none; }
  popover.menu modelbutton:hover, popover.menu modelbutton:selected {
    border-color: #3e3e3e;
    color: #FFFFFF;
    background-color: #4D4D4D; }
  popover.menu modelbutton:disabled {
    color: #8c8c8c; }
  popover.menu modelbutton > image {
    padding-right: 4px; }
  popover.menu modelbutton arrow {
    background: none;
    min-width: 16px;
    min-height: 16px;
    opacity: 0.3; }
    popover.menu modelbutton arrow:hover {
      background: none; }
    popover.menu modelbutton arrow:disabled {
      opacity: 0.15; }
    popover.menu modelbutton arrow.left {
      -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
    popover.menu modelbutton arrow.right {
      -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }

popover.menu separator {
  margin: 6px 0; }

popover.menu list separator {
  margin: 0; }

popover.menu popover.menu {
  padding: 0 0 3px 0; }
  popover.menu popover.menu > contents {
    margin: 0;
    border-radius: 0px; }

popover.menu accelerator {
  color: alpha(currentColor, 0.55); }
  popover.menu accelerator:hover {
    color: rgba(255, 255, 255, 0.8); }
  popover.menu accelerator:disabled {
    color: #8c8c8c; }
  popover.menu accelerator:dir(ltr) {
    margin-left: 4px; }
  popover.menu accelerator:dir(rtl) {
    margin-right: 4px; }

menubar {
  padding: 0px;
  border-style: none;
  color: #FFFFFF;
  background-color: #191919; }
  menubar:backdrop {
    color: #FFFFFF;
    background-color: #191919; }
  menubar > item {
    padding: 3px 5px;
    min-height: 12px;
    border: none;
    color: #FFFFFF;
    background-color: transparent;
    box-shadow: none; }
    menubar > item:selected {
      color: #FFFFFF;
      background-color: #4D4D4D; }
    menubar > item:disabled {
      color: #8c8c8c;
      background-color: transparent; }
    menubar > item:backdrop {
      color: #FFFFFF;
      background-color: transparent; }

notebook.frame {
  border: 1px solid #333333; }

notebook > stack:not(:only-child) {
  background-color: #202020; }
  notebook > stack:not(:only-child):backdrop {
    background-color: #202020; }

notebook > header {
  background-color: #191919; }
  notebook > header:backdrop {
    background-color: #191919; }
  notebook > header.top {
    box-shadow: 0 1px #333333; }
  notebook > header.bottom {
    box-shadow: 0 -1px #333333; }
  notebook > header.left {
    box-shadow: 1px 0 #333333; }
  notebook > header.right {
    box-shadow: -1px 0 #333333; }
  notebook > header.top {
    margin: -1px;
    margin-bottom: 1px; }
  notebook > header.bottom {
    margin: -1px;
    margin-top: 1px; }
  notebook > header.right {
    margin: -1px;
    margin-left: 1px; }
  notebook > header.left {
    margin: -1px;
    margin-right: 1px; }
  notebook > header.top > tabs > tab {
    margin: 0px;
    padding: 3px 10px;
    border-radius: 0px;
    border: 1px solid #333333;
    color: #bababa;
    background-color: #181818;
    box-shadow: none;
    margin-top: 2px;
    margin-bottom: -1px;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
    notebook > header.top > tabs > tab:hover {
      background-color: #4D4D4D; }
    notebook > header.top > tabs > tab:checked {
      border-color: #333333;
      color: #FFFFFF;
      background-color: #202020;
      margin-top: -1px;
      margin-bottom: -2px; }
  notebook > header.bottom > tabs > tab {
    margin: 0px;
    padding: 3px 10px;
    border-radius: 0px;
    border: 1px solid #333333;
    color: #bababa;
    background-color: #181818;
    box-shadow: none;
    margin-bottom: 2px;
    margin-top: -1px;
    border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }
    notebook > header.bottom > tabs > tab:hover {
      background-color: #4D4D4D; }
    notebook > header.bottom > tabs > tab:checked {
      border-color: #333333;
      color: #FFFFFF;
      background-color: #202020;
      margin-bottom: -1px;
      margin-top: -2px; }
  notebook > header.left > tabs > tab {
    margin: 0px;
    padding: 3px 10px;
    border-radius: 0px;
    border: 1px solid #333333;
    color: #bababa;
    background-color: #181818;
    box-shadow: none;
    margin-left: 2px;
    margin-right: -1px;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
    notebook > header.left > tabs > tab:hover {
      background-color: #4D4D4D; }
    notebook > header.left > tabs > tab:checked {
      border-color: #333333;
      color: #FFFFFF;
      background-color: #202020;
      margin-left: -1px;
      margin-right: -2px; }
  notebook > header.right > tabs > tab {
    margin: 0px;
    padding: 3px 10px;
    border-radius: 0px;
    border: 1px solid #333333;
    color: #bababa;
    background-color: #181818;
    box-shadow: none;
    margin-right: 2px;
    margin-left: -1px;
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
    notebook > header.right > tabs > tab:hover {
      background-color: #4D4D4D; }
    notebook > header.right > tabs > tab:checked {
      border-color: #333333;
      color: #FFFFFF;
      background-color: #202020;
      margin-right: -1px;
      margin-left: -2px; }
  notebook > header.bottom > tabs > arrow, notebook > header.top > tabs > arrow {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 4px;
    padding-right: 4px; }
    notebook > header.bottom > tabs > arrow.down, notebook > header.top > tabs > arrow.down {
      -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
    notebook > header.bottom > tabs > arrow.up, notebook > header.top > tabs > arrow.up {
      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  notebook > header.right > tabs > arrow, notebook > header.left > tabs > arrow {
    margin-top: -5px;
    margin-bottom: -5px;
    padding-top: 4px;
    padding-bottom: 4px; }
    notebook > header.right > tabs > arrow.down, notebook > header.left > tabs > arrow.down {
      -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
    notebook > header.right > tabs > arrow.up, notebook > header.left > tabs > arrow.up {
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
  notebook > header.top > tabs > arrow {
    border-top-style: none; }
  notebook > header.bottom > tabs > arrow {
    border-bottom-style: none; }
  notebook > header.left > tabs > arrow {
    border-left-style: none; }
  notebook > header.right > tabs > arrow {
    border-right-style: none; }

tabbar .box {
  background-color: #191919; }
  tabbar .box:backdrop {
    background-color: #191919; }
  tabbar .box.top {
    box-shadow: 0 1px #333333; }
  tabbar .box.bottom {
    box-shadow: 0 -1px #333333; }
  tabbar .box.left {
    box-shadow: 1px 0 #333333; }
  tabbar .box.right {
    box-shadow: -1px 0 #333333; }

tabbar tabbox {
  padding-bottom: 6px;
  padding-top: 6px;
  min-height: 34px; }
  tabbar tabbox > separator {
    margin-top: 3px;
    margin-bottom: 3px;
    transition: opacity 150ms ease-in-out; }
    tabbar tabbox > separator.hidden {
      opacity: 0; }
  tabbar tabbox > revealer > indicator {
    min-width: 2px;
    border-radius: 0px;
    margin: 3px 6px; }

tabbar tab {
  margin: 0px;
  padding: 3px 10px;
  border-radius: 0px;
  border: 1px solid #333333;
  color: #bababa;
  background-color: #181818;
  box-shadow: none;
  margin-top: 2px;
  margin-bottom: -1px; }
  tabbar tab:hover {
    background-color: #4D4D4D; }
  tabbar tab:selected {
    border-color: #333333;
    color: #FFFFFF;
    background-color: #202020;
    margin-top: -1px;
    margin-bottom: -2px; }

tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active {
  background: none; }

scrollbar {
  border: none;
  background-color: #303030;
  /*
  &.horizontal button {
    &.down { -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
    &.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
  }

  &.vertical button {
    &.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
    &.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
  }
  */ }
  scrollbar:backdrop {
    background-color: #303030; }
  scrollbar > range > trough > slider {
    margin: 0px;
    min-width: 14px;
    min-height: 14px;
    border-radius: 0px;
    border: none;
    background-clip: padding-box;
    background-color: #757575; }
    scrollbar > range > trough > slider:hover {
      background-color: #6a6a6a; }
    scrollbar > range > trough > slider:hover:active {
      background-color: #a3a3a3; }
    scrollbar > range > trough > slider:backdrop {
      background-color: #818181; }
    scrollbar > range > trough > slider:disabled {
      background-color: transparent; }
  scrollbar.horizontal > range > trough > slider {
    min-width: 45px; }
  scrollbar.vertical > range > trough > slider {
    min-height: 45px; }
  scrollbar > range.fine-tune > trough > slider {
    min-width: 14px;
    min-height: 14px;
    border-radius: 0px; }
  scrollbar > range.fine-tune.horizontal > trough > slider {
    margin-top: 0px;
    margin-bottom: 0px; }
  scrollbar > range.fine-tune.vertical > trough > slider {
    margin-left: 0px;
    margin-right: 0px; }
  scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
    opacity: 1.0; }
    scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider {
      min-width: 45px;
      min-height: 14px; }
    scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider {
      min-width: 14px;
      min-height: 45px; }
  scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
    opacity: 1; }

treeview ~ scrollbar.vertical {
  border-top: 1px solid #333333;
  margin-top: -1px; }

switch {
  margin: 4px;
  margin-left: -3px;
  margin-right: -3px;
  font-size: 0;
  min-width: 42px;
  border-radius: 16px;
  border: 3px solid #FFFFFF;
  color: transparent;
  background-color: transparent;
  box-shadow: none; }
  switch:checked {
    border-color: #0078D7;
    background-color: #0078D7; }
    switch:checked:disabled {
      border-color: #8c8c8c;
      background-color: transparent; }
    switch:checked:backdrop {
      border-color: #0a6bb8;
      background-color: #0a6bb8; }
  switch:disabled {
    border-color: #8c8c8c; }
    switch:disabled:backdrop {
      border-color: #535353; }
  switch:backdrop {
    border-color: #FFFFFF; }
  switch > slider {
    margin: 3px;
    margin-left: 4px;
    margin-right: 4px;
    min-width: 12px;
    min-height: 12px;
    border-radius: 100%;
    border: none;
    color: #FFFFFF;
    background-color: #FFFFFF;
    background-image: none;
    box-shadow: none; }
  switch:checked > slider {
    background-color: #202020; }
  switch:checked:backdrop > slider {
    background-color: #191919; }
  switch:disabled > slider {
    background-color: #8c8c8c; }
  switch:disabled:backdrop > slider {
    background-color: #535353; }
  switch:backdrop > slider {
    background-color: #FFFFFF; }

checkbutton, radiobutton {
  padding: 4px;
  outline-offset: 0; }

check, radio {
  margin: 0 4px;
  min-width: 13px;
  min-height: 13px;
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  transition: 0.2s; }

popover.menu check,
modelbutton.flat check,
check {
  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
  popover.menu check:hover,
  modelbutton.flat check:hover,
  check:hover {
    -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-over.png"), url("assets/checkbox-unchecked-over@2.png")); }
  popover.menu check:active,
  modelbutton.flat check:active,
  check:active {
    -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); }
  popover.menu check:disabled,
  modelbutton.flat check:disabled,
  check:disabled {
    -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
  popover.menu check:checked,
  modelbutton.flat check:checked,
  check:checked {
    -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
    popover.menu check:checked:hover,
    modelbutton.flat check:checked:hover,
    check:checked:hover {
      -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-over.png"), url("assets/checkbox-checked-over@2.png")); }
    popover.menu check:checked:active,
    modelbutton.flat check:checked:active,
    check:checked:active {
      -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); }
    popover.menu check:checked:disabled,
    modelbutton.flat check:checked:disabled,
    check:checked:disabled {
      -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
  popover.menu check:indeterminate,
  modelbutton.flat check:indeterminate,
  check:indeterminate {
    -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
    popover.menu check:indeterminate:hover,
    modelbutton.flat check:indeterminate:hover,
    check:indeterminate:hover {
      -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-over.png"), url("assets/checkbox-mixed-over@2.png")); }
    popover.menu check:indeterminate:active,
    modelbutton.flat check:indeterminate:active,
    check:indeterminate:active {
      -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); }
    popover.menu check:indeterminate:disabled,
    modelbutton.flat check:indeterminate:disabled,
    check:indeterminate:disabled {
      -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
  popover.menu check:backdrop,
  modelbutton.flat check:backdrop,
  check:backdrop {
    opacity: 0.8; }

popover.menu radio,
modelbutton.flat radio,
radio {
  -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
  popover.menu radio:hover,
  modelbutton.flat radio:hover,
  radio:hover {
    -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-over.png"), url("assets/radio-unchecked-over@2.png")); }
  popover.menu radio:active,
  modelbutton.flat radio:active,
  radio:active {
    -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); }
  popover.menu radio:disabled,
  modelbutton.flat radio:disabled,
  radio:disabled {
    -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
  popover.menu radio:checked,
  modelbutton.flat radio:checked,
  radio:checked {
    -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
    popover.menu radio:checked:hover,
    modelbutton.flat radio:checked:hover,
    radio:checked:hover {
      -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-over.png"), url("assets/radio-checked-over@2.png")); }
    popover.menu radio:checked:active,
    modelbutton.flat radio:checked:active,
    radio:checked:active {
      -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); }
    popover.menu radio:checked:disabled,
    modelbutton.flat radio:checked:disabled,
    radio:checked:disabled {
      -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
  popover.menu radio:indeterminate,
  modelbutton.flat radio:indeterminate,
  radio:indeterminate {
    -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
    popover.menu radio:indeterminate:hover,
    modelbutton.flat radio:indeterminate:hover,
    radio:indeterminate:hover {
      -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-over.png"), url("assets/radio-mixed-over@2.png")); }
    popover.menu radio:indeterminate:active,
    modelbutton.flat radio:indeterminate:active,
    radio:indeterminate:active {
      -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); }
    popover.menu radio:indeterminate:disabled,
    modelbutton.flat radio:indeterminate:disabled,
    radio:indeterminate:disabled {
      -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
  popover.menu radio:backdrop,
  modelbutton.flat radio:backdrop,
  radio:backdrop {
    opacity: 0.8; }

popover.menu check, modelbutton.flat check
popover.menu radio, modelbutton.flat radio {
  animation: none;
  transition: none; }

scale {
  min-height: 10px;
  min-width: 10px;
  padding: 12px; }
  scale > fill,
  scale > trough {
    border: 1px solid #333333;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.1); }
    scale > fill:disabled,
    scale > trough:disabled {
      background-color: rgba(255, 255, 255, 0.05); }
      scale > fill:disabled:backdrop,
      scale > trough:disabled:backdrop {
        background-color: rgba(255, 255, 255, 0.05); }
    scale > fill:backdrop,
    scale > trough:backdrop {
      background-color: rgba(255, 255, 255, 0.1); }
  scale > trough > highlight {
    border: none;
    border-radius: 0px;
    background-color: transparent; }
    scale > trough > highlight:disabled {
      background-color: transparent; }
      scale > trough > highlight:disabled:backdrop {
        background-color: transparent; }
    scale > trough > highlight:backdrop {
      background-color: transparent; }
  scale > trough > slider {
    min-width: 19px;
    min-height: 19px;
    margin: -7px;
    border-radius: 0px;
    border: none;
    color: #FFFFFF;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: none; }
    scale > trough > slider:hover {
      color: #FFFFFF; }
    scale > trough > slider:backdrop {
      color: #FFFFFF; }
  scale.horizontal > trough > slider {
    background-image: url("assets/slider-horiz.png"); }
    scale.horizontal > trough > slider:hover {
      background-image: url("assets/slider-horiz-hover.png"); }
    scale.horizontal > trough > slider:disabled {
      background-image: url("assets/slider-horiz-insensitive.png"); }
      scale.horizontal > trough > slider:disabled:backdrop {
        background-image: url("assets/slider-horiz-insensitive.png"); }
    scale.horizontal > trough > slider:backdrop {
      background-image: url("assets/slider-horiz-insensitive.png"); }
  scale.horizontal.marks-after:not(.marks-before) > trough > slider {
    background-image: url("assets/slider-horiz.png"); }
    scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
      background-image: url("assets/slider-horiz-hover.png"); }
    scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
      background-image: url("assets/slider-horiz-insensitive.png"); }
      scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled:backdrop {
        background-image: url("assets/slider-horiz-insensitive.png"); }
    scale.horizontal.marks-after:not(.marks-before) > trough > slider:backdrop {
      background-image: url("assets/slider-horiz-insensitive.png"); }
  scale.horizontal.color > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider {
    background-image: url("assets/slider-horiz-top.png"); }
    scale.horizontal.color > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
      background-image: url("assets/slider-horiz-top-hover.png"); }
    scale.horizontal.color > trough > slider:disabled, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
      background-image: url("assets/slider-horiz-top-insensitive.png"); }
      scale.horizontal.color > trough > slider:disabled:backdrop, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled:backdrop {
        background-image: url("assets/slider-horiz-top-insensitive.png"); }
    scale.horizontal.color > trough > slider:backdrop, scale.horizontal.marks-before:not(.marks-after) > trough > slider:backdrop {
      background-image: url("assets/slider-horiz-top-insensitive.png"); }
  scale.vertical > trough > slider {
    background-image: url("assets/slider-vert.png"); }
    scale.vertical > trough > slider:hover {
      background-image: url("assets/slider-vert-hover.png"); }
    scale.vertical > trough > slider:disabled {
      background-image: url("assets/slider-vert-insensitive.png"); }
      scale.vertical > trough > slider:disabled:backdrop {
        background-image: url("assets/slider-vert-insensitive.png"); }
    scale.vertical > trough > slider:backdrop {
      background-image: url("assets/slider-vert-insensitive.png"); }
  scale.vertical.color:dir(ltr) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider {
    background-image: url("assets/slider-vert.png"); }
    scale.vertical.color:dir(ltr) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
      background-image: url("assets/slider-vert-hover.png"); }
    scale.vertical.color:dir(ltr) > trough > slider:disabled, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
      background-image: url("assets/slider-vert-insensitive.png"); }
      scale.vertical.color:dir(ltr) > trough > slider:disabled:backdrop, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled:backdrop {
        background-image: url("assets/slider-vert-insensitive.png"); }
    scale.vertical.color:dir(ltr) > trough > slider:backdrop, scale.vertical.marks-after:not(.marks-before) > trough > slider:backdrop {
      background-image: url("assets/slider-vert-insensitive.png"); }
  scale.vertical.color:dir(rtl) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider {
    background-image: url("assets/slider-vert-left.png"); }
    scale.vertical.color:dir(rtl) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
      background-image: url("assets/slider-vert-left-hover.png"); }
    scale.vertical.color:dir(rtl) > trough > slider:disabled, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
      background-image: url("assets/slider-vert-left-insensitive.png"); }
      scale.vertical.color:dir(rtl) > trough > slider:disabled:backdrop, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled:backdrop {
        background-image: url("assets/slider-vert-left-insensitive.png"); }
    scale.vertical.color:dir(rtl) > trough > slider:backdrop, scale.vertical.marks-before:not(.marks-after) > trough > slider:backdrop {
      background-image: url("assets/slider-vert-left-insensitive.png"); }
  scale.fine-tune.horizontal {
    padding-top: 9px;
    padding-bottom: 9px;
    min-height: 16px; }
  scale.fine-tune.vertical {
    min-width: 16px; }
  scale.fine-tune > trough,
  scale.fine-tune > trough > fill,
  scale.fine-tune > trough > highlight {
    border-radius: 0px; }
  scale.fine-tune > trough > slider {
    margin: -4px; }
  scale > value {
    color: alpha(currentColor, 0.55);
    font-feature-settings: "tnum"; }
  scale > marks {
    color: alpha(currentColor, 0.55); }
  scale.horizontal > marks.top {
    margin-bottom: 6px; }
  scale.horizontal > marks.bottom {
    margin-top: 6px; }
  scale.horizontal > marks indicator {
    min-width: 1px;
    min-height: 6px;
    background-color: currentColor; }
  scale.horizontal > value.left {
    margin-right: 9px; }
  scale.horizontal > value.right {
    margin-left: 9px; }
  scale.horizontal.fine-tune > marks.top {
    margin-top: 3px; }
  scale.horizontal.fine-tune > marks.bottom {
    margin-bottom: 3px; }
  scale.horizontal.fine-tune > marks indicator {
    min-height: 3px; }
  scale.vertical > marks.top {
    margin-right: 6px; }
  scale.vertical > marks.bottom {
    margin-left: 6px; }
  scale.vertical > marks indicator {
    min-height: 1px;
    min-width: 6px;
    background-color: currentColor; }
  scale.vertical > value.top {
    margin-bottom: 9px; }
  scale.vertical > value.bottom {
    margin-top: 9px; }
  scale.vertical.fine-tune > marks.top {
    margin-left: 3px; }
  scale.vertical.fine-tune > marks.bottom {
    margin-right: 3px; }
  scale.vertical.fine-tune > marks indicator {
    min-height: 3px; }

progressbar {
  font-size: smaller;
  color: white; }
  progressbar > trough {
    border-radius: 0px;
    border: 1px solid #2b2b2b;
    background-color: rgba(255, 255, 255, 0.1); }
  progressbar > trough > progress {
    border-radius: 0px;
    border: none;
    background-color: #06B025; }
  progressbar.horizontal > trough {
    min-width: 150px; }
  progressbar.vertical > trough {
    min-height: 80px; }
  progressbar.horizontal > trough, progressbar.horizontal > trough > progress {
    min-height: 14px; }
  progressbar.vertical > trough, progressbar.vertical > trough > progress {
    min-width: 14px; }

levelbar trough {
  padding: 1px;
  border-radius: 0; }

levelbar.horizontal.discrete block {
  margin: 0 1px; }

levelbar.vertical.discrete block {
  margin: 1px 0; }

levelbar block {
  border: none;
  padding: 2px;
  border-radius: 0px;
  background-color: #4D4D4D; }
  levelbar block.high {
    background-color: #0d9726; }
  levelbar block.low {
    background-color: #da870b; }
  levelbar block.empty {
    background-color: rgba(0, 0, 0, 0.1); }

window.dialog.print drawing {
  color: #FFFFFF;
  background: none;
  border: none;
  padding: 0; }
  window.dialog.print drawing paper {
    background: white;
    color: #2e3436;
    border: 1px solid #333333; }

window.dialog.print .dialog-action-box {
  margin: 12px; }

frame, .frame {
  border: 1px solid #333333; }

frame {
  border-radius: 0px; }
  frame > label {
    margin: 4px; }

actionbar > revealer > box {
  padding: 6px;
  border-top: 1px solid #333333; }
  actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end {
    border-spacing: 6px; }

scrolledwindow > overshoot.top {
  background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.5), transparent);
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: top;
  background-color: transparent;
  border: none;
  box-shadow: none; }

scrolledwindow > overshoot.bottom {
  background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.5), transparent);
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: transparent;
  border: none;
  box-shadow: none; }

scrolledwindow > overshoot.left {
  background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.5), transparent);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  border: none;
  box-shadow: none; }

scrolledwindow > overshoot.right {
  background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.5), transparent);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: right;
  background-color: transparent;
  border: none;
  box-shadow: none; }

separator {
  -gtk-icon-source: none;
  min-width: 1px;
  min-height: 1px;
  background-color: #333333; }
  separator:backdrop {
    background-color: #333333; }
  button separator {
    margin: 4px 1px; }
  .sidebar view separator, view separator, separator .separator, separator {
    border: none;
    background-color: #474747; }
    .sidebar view separator:backdrop, view separator:backdrop, separator .separator:backdrop, separator:backdrop {
      border: none;
      background-color: #303030; }
  .primary-toolbar separator, toolbar separator {
    background-color: #474747; }
    .primary-toolbar separator:backdrop, toolbar separator:backdrop {
      background-color: #303030; }
  .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator {
    background-color: #474747; }
    .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop {
      background-color: #303030; }
  headerbar separator {
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: #474747; }
    headerbar separator:backdrop {
      background-color: #303030; }
  headerbar button separator {
    border-color: #474747; }
    headerbar button separator:backdrop {
      border-color: #303030; }
  .titlebar separator, .titlebar:not(headerbar) > separator, .titlebar separator.titlebutton, .titlebar:not(headerbar) > separator.titlebutton {
    background-color: #474747; }
    .titlebar separator:backdrop, .titlebar:not(headerbar) > separator:backdrop, .titlebar separator.titlebutton:backdrop, .titlebar:not(headerbar) > separator.titlebutton:backdrop {
      background-color: #303030; }
  headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
    min-width: 1px;
    min-height: 1px;
    background-color: #474747; }
    headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop {
      background-color: #303030; }
  .titlebutton button separator, .titlebutton separator.titlebutton {
    border-color: #474747; }
    .titlebutton button separator:backdrop, .titlebutton separator.titlebutton:backdrop {
      border-color: #303030; }
  menu separator {
    background-color: #474747; }
  menuitem separator {
    border-width: 1px;
    border-style: none;
    color: #262626; }
  popover separator {
    border: 0;
    color: alpha(currentColor, 0.5);
    background-color: transparent; }
  combobox separator {
    border: none; }

listview row:hover {
  color: #FFFFFF;
  background-color: #515151; }

listview row:active {
  color: #FFFFFF;
  background-color: #4a4a4a; }

listview row:backdrop {
  color: #FFFFFF; }

listview row:selected {
  border: none;
  color: #FFFFFF;
  background-color: #4D4D4D; }
  listview row:selected:hover {
    color: #FFFFFF;
    background-color: #4f4f4f; }
  listview row:selected:active {
    color: #FFFFFF;
    background-color: #4b4b4b; }
  listview row:selected:disabled {
    color: rgba(255, 255, 255, 0.7);
    background-color: #4D4D4D; }
  listview row:selected:backdrop {
    color: #FFFFFF;
    background-color: #4D4D4D; }

columnview > listview > row {
  padding: 0; }
  columnview > listview > row > cell {
    padding: 8px 6px; }
    columnview > listview > row > cell:not(:first-child) {
      border-left: 1px solid transparent; }

columnview.column-separators > listview > row > cell {
  border-left-color: #333333; }

columnview.data-table > listview > row > cell {
  padding-top: 2px;
  padding-bottom: 2px; }

treeexpander {
  border-spacing: 4px; }

/* SAMPLE
//vbox and hbox separators
separator {
  background: lighten($border_color, 5%);
  min-width: 1px;
  min-height: 1px;
}*/
columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
  outline: 2px solid rgba(77, 77, 77, 0.55); }

columnview row:not(:selected) cell editablelabel.editing:focus-within {
  outline: 2px solid #4D4D4D; }

columnview row:not(:selected) cell editablelabel.editing text selection {
  background-color: #4D4D4D;
  color: transparent; }
  columnview row:not(:selected) cell editablelabel.editing text selection:focus-within {
    color: #FFFFFF;
    background-color: #0078D7; }

.rich-list > row {
  padding: 8px 12px;
  min-height: 32px;
  /* should be tall even when only containing a label */ }
  .rich-list > row > box {
    border-spacing: 12px; }

.app-notification {
  margin: 5px;
  border: 1px solid #333333;
  color: #FFFFFF;
  background-color: #202020;
  padding: 8px; }

expander {
  min-width: 16px;
  min-height: 16px;
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
  expander:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
  expander:disabled {
    color: #8c8c8c; }
  expander:checked {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

expander-widget > box > title {
  border-radius: 0px; }
  expander-widget > box > title:hover > expander {
    color: white; }

calendar {
  border-width: 1px;
  border-radius: 0px;
  border-style: solid;
  border-color: #333333;
  color: #FFFFFF; }
  calendar > header {
    border: none;
    border-bottom: 1px solid #383838;
    color: #FFFFFF; }
    calendar > header > button {
      border: none;
      box-shadow: none;
      background: none;
      border-radius: 0; }
      calendar > header > button:hover {
        color: #FFFFFF; }
      calendar > header > button:backdrop {
        color: #FFFFFF;
        background: none; }
      calendar > header > button:disabled {
        color: #8c8c8c; }
  calendar > grid > label.today {
    box-shadow: inset 0px -2px #333333; }
    calendar > grid > label.today:selected {
      box-shadow: none; }
  calendar > grid > label:focus {
    outline-color: #333333;
    outline-offset: -2px;
    outline-width: 2px;
    outline-style: solid; }
  calendar > grid > label.day-number {
    padding: 3px; }
    calendar > grid > label.day-number:selected {
      color: #FFFFFF;
      background-color: #4D4D4D;
      border-radius: 0px; }
    calendar > grid > label.day-number:checked {
      background-color: rgba(77, 77, 77, 0.3); }
  calendar > grid > label.day-number.other-month {
    color: alpha(currentColor, 0.3); }

window.dialog.message .titlebar {
  min-height: 20px;
  background-image: none;
  background-color: #191919;
  border-style: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

window.dialog.message box.dialog-vbox.vertical {
  border-spacing: 10px; }

window.dialog.message label.title {
  font-weight: 800;
  font-size: 15pt; }

window.dialog.message.csd.background {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

window.dialog.message.csd .dialog-action-area button {
  padding: 10px 14px;
  border-radius: 0px;
  border-left-style: solid;
  border-right-style: none;
  border-bottom-style: none;
  background-image: none; }
  window.dialog.message.csd .dialog-action-area button:first-child {
    border-left-style: none;
    border-bottom-left-radius: 0px; }
  window.dialog.message.csd .dialog-action-area button:last-child {
    border-bottom-right-radius: 0px; }

.sidebar {
  background-color: #191919; }
  .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) {
    border-right: 1px solid #333333;
    border-left-style: none; }
  .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) {
    border-left: 1px solid #333333;
    border-right-style: none; }
  .sidebar listview.view,
  .sidebar list {
    background-color: transparent; }
  paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
    border-style: none; }

stacksidebar list.separators:not(.horizontal) > row:not(.separator) {
  border-bottom: none; }

stacksidebar row {
  padding: 10px 4px;
  color: #FFFFFF; }
  stacksidebar row > label {
    padding-left: 6px;
    padding-right: 6px; }
  stacksidebar row.needs-attention > label {
    background-size: 6px 6px, 0 0; }
  stacksidebar row:selected {
    color: #FFFFFF;
    background-color: #4D4D4D;
    border-radius: 0px; }
  stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) {
    color: #FFFFFF;
    background-color: #555555; }
  stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active {
    box-shadow: none; }

separator.sidebar {
  background-color: #333333; }

paned > separator {
  min-width: 1px;
  min-height: 1px;
  -gtk-icon-source: none;
  border-style: none;
  background-color: transparent;
  background-image: image(#333333);
  background-size: 1px 1px; }
  paned > separator:selected {
    background-image: image(#4D4D4D); }
  paned > separator:backdrop {
    background-color: transparent;
    background-image: image(#333333);
    background-size: 1px 1px; }
  paned > separator.wide {
    min-width: 5px;
    min-height: 5px;
    background-color: #191919;
    background-image: image(#333333), image(#333333);
    background-size: 1px 1px, 1px 1px; }

paned.horizontal > separator {
  background-repeat: repeat-y; }
  paned.horizontal > separator:dir(ltr) {
    margin: 0 -8px 0 0;
    padding: 0 8px 0 0;
    background-position: left; }
  paned.horizontal > separator:dir(rtl) {
    margin: 0 0 0 -8px;
    padding: 0 0 0 8px;
    background-position: right; }
  paned.horizontal > separator.wide {
    margin: 0;
    padding: 0;
    background-repeat: repeat-y, repeat-y;
    background-position: left, right; }

paned.vertical > separator {
  margin: 0 0 -8px 0;
  padding: 0 0 8px 0;
  background-repeat: repeat-x;
  background-position: top; }
  paned.vertical > separator.wide {
    margin: 0;
    padding: 0;
    background-repeat: repeat-x, repeat-x;
    background-position: bottom, top; }

video {
  background: black; }
  video image.osd {
    min-width: 64px;
    min-height: 64px;
    border-radius: 32px; }

tooltip.background {
  border: 1px solid #171717;
  border-radius: 0px;
  color: #FFFFFF;
  background-color: #191919;
  padding: 4px;
  box-shadow: none; }

tooltip > box {
  border-spacing: 6px; }

colorswatch.top {
  border-top-left-radius: 2.5px;
  border-top-right-radius: 2.5px; }
  colorswatch.top overlay {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }

colorswatch.bottom {
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px; }
  colorswatch.bottom overlay {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }

colorswatch.left, colorswatch:first-child:not(.top) {
  border-top-left-radius: 2.5px;
  border-bottom-left-radius: 2.5px; }
  colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }

colorswatch.right, colorswatch:last-child:not(.bottom) {
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px; }
  colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }

colorswatch.dark > overlay {
  color: rgba(255, 255, 255, 0.7); }

colorswatch.dark.activatable:hover > overlay {
  border-color: rgba(0, 0, 0, 0.5); }

colorswatch.light > overlay {
  color: rgba(255, 255, 255, 0.7); }
  colorswatch.light > overlay.activatable:hover > overlay {
    border-color: rgba(0, 0, 0, 0.3); }

colorswatch:drop(active) {
  box-shadow: none; }
  colorswatch.light:drop(active) > overlay {
    border-color: #4D4D4D;
    box-shadow: inset 0 0 0 2px #333333, inset 0 0 0 1px #4D4D4D; }
  colorswatch.dark:drop(active) > overlay {
    border-color: #4D4D4D;
    box-shadow: inset 0 0 0 2px #333333, inset 0 0 0 1px #4D4D4D; }

colorswatch > overlay {
  border: 1px solid rgba(0, 0, 0, 0.15); }

colorswatch.activatable:hover > overlay {
  background-color: rgba(255, 255, 255, 0.2); }

colorswatch#add-color-button {
  border-radius: 2px 0 0 2px;
  background-clip: padding-box;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #181818;
  color: #FFFFFF;
  /* SAMPLE
    > overlay {
      @include button(normal);
    }

    &.activatable:hover > overlay {
      @include button(hover);
    }*/ }
  colorswatch#add-color-button:only-child {
    border-radius: 2px; }
  colorswatch#add-color-button:hover {
    border-color: rgba(0, 0, 0, 0.3);
    background-color: #171717;
    color: #FFFFFF; }

colorswatch:disabled {
  opacity: 0.5; }
  colorswatch:disabled overlay {
    border-color: rgba(0, 0, 0, 0.6);
    box-shadow: none; }

row:selected colorswatch {
  box-shadow: 0 0 0 2px #FFFFFF; }

colorswatch#editor-color-sample {
  border-radius: 2px; }
  colorswatch#editor-color-sample > overlay {
    border-radius: 2.5px; }

colorswatch .popover.osd {
  border-radius: 0px; }

button.color {
  padding: 0; }
  button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay {
    margin: 4px;
    border-radius: 0; }

.content-view {
  background-color: #202020; }
  .content-view:hover {
    background-color: rgba(77, 77, 77, 0.6); }
  .content-view .tile {
    background-color: #202020;
    border-radius: 0;
    padding: 0;
    margin: 2px; }
    .content-view .tile:active, .content-view .tile:selected {
      background-color: #4D4D4D; }
    .content-view .tile:disabled {
      background-color: #252525; }
  .content-view > rubberband {
    border: 1px solid #454545;
    background-color: rgba(77, 77, 77, 0.3); }

.scale-popup {
  /* SAMPLE
  button { // +/- buttons on GtkVolumeButton popup
    &:hover {
      @extend %undecorated_button;
      background-color: transparentize($fg_color,0.9);
      border-radius: 5px;
    }
  }
  */ }
  .osd .scale-popup button.flat {
    border-style: none;
    border-radius: 5px; }

arrow, combobox arrow {
  color: alpha(currentColor, 0.75);
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
  min-height: 16px;
  min-width: 16px; }

.monospace {
  font-family: monospace; }

button.circular, button.circular-button {
  padding: 0;
  min-width: 16px;
  min-height: 24px;
  padding: 2px 6px;
  border-radius: 50%; }

filechooserbutton:drop(active) {
  box-shadow: none;
  border-color: transparent; }

combobox:drop(active) button.combo {
  box-shadow: none;
  color: #4D4D4D;
  border-color: #4D4D4D; }

:not(decoration):not(window):drop(active),
:not(decoration):not(window):drop(active):focus {
  border-color: #4D4D4D;
  box-shadow: inset 0 0 0 1px #4D4D4D;
  caret-color: #4D4D4D; }

window {
  border-width: 0px;
  padding: 0px; }
  window.csd {
    box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.23);
    margin: 0px;
    border-radius: 0px 0px 0 0; }
    window.csd:backdrop {
      box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18);
      transition: 200ms ease-out; }
    window.csd.popup {
      border-radius: 0px;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
    window.csd.dialog.message {
      border-radius: 0px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.35); }
  window.solid-csd {
    margin: 0;
    padding: 4px;
    border: solid 1px #333333;
    border-radius: 0;
    box-shadow: inset 0 0 0 4px #333333, inset 0 0 0 3px #191919; }
    window.solid-csd:backdrop {
      box-shadow: inset 0 0 0 4px #333333, inset 0 0 0 3px #191919; }
  window.maximized, window.fullscreen {
    border-radius: 0;
    box-shadow: none; }
  window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom {
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35), 0 0 0 20px transparent; }
    window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop {
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 20px transparent; }
  window.popup {
    box-shadow: none; }
  window.ssd {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4); }

tooltip.csd {
  border-radius: 0px;
  box-shadow: none; }

shortcuts-section {
  margin: 20px; }

.shortcuts-search-results {
  margin: 20px;
  border-spacing: 24px; }

shortcut {
  border-spacing: 6px; }

shortcut > .keycap {
  min-width: 20px;
  min-height: 25px;
  margin-top: 2px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
  color: #FFFFFF;
  background-color: #202020;
  border: 1px solid #333333;
  border-radius: 0px;
  box-shadow: inset 0 -3px #2b2b2b;
  font-size: smaller; }

stackswitcher > button.text-button {
  min-width: 120px; }

stackswitcher.circular {
  border-spacing: 12px; }
  stackswitcher.circular > button.circular,
  stackswitcher.circular > button.text-button.circular {
    min-width: 32px;
    min-height: 32px;
    padding: 0; }

.lowres-icon {
  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }

.icon-dropshadow {
  -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }

popover.emoji-picker > contents {
  padding: 0; }

.emoji-searchbar {
  padding: 6px;
  border-spacing: 6px;
  border-bottom: 1px solid #333333; }

.emoji-toolbar {
  padding: 6px;
  border-spacing: 6px;
  border-top: 1px solid #333333; }

button.emoji-section {
  border-color: transparent;
  border-width: 3px;
  border-style: none none solid;
  border-radius: 0;
  padding: 3px 0 0;
  min-width: 32px;
  min-height: 28px;
  background: none;
  box-shadow: none;
  text-shadow: none; }
  button.emoji-section:hover {
    border-color: #333333; }
  button.emoji-section:checked {
    border-color: #4D4D4D; }

popover.emoji-picker emoji {
  font-size: x-large;
  padding: 6px;
  border-radius: 0px; }
  popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
    background: #4D4D4D;
    /* SAMPLE
    @if $contrast == 'high' {
      box-shadow: inset 0 0 0 1px $border_color;
    }*/ }

emoji-completion-row > box {
  border-spacing: 10px;
  padding: 2px 10px; }

emoji-completion-row:focus,
emoji-completion-row:hover {
  background-color: #4D4D4D;
  color: #FFFFFF; }

emoji-completion-row emoji:focus,
emoji-completion-row emoji:hover {
  background-color: #4D4D4D; }

popover.entry-completion > contents {
  padding: 0; }

statusbar {
  padding: 4px; }

.floating-bar {
  border: 1px solid #333333;
  border-radius: 0px;
  background-color: #202020;
  color: #FFFFFF;
  box-shadow: none; }
  .floating-bar.top {
    border-top-width: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px; }
  .floating-bar.bottom {
    border-bottom-width: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; }
  .floating-bar.top.left, .floating-bar.bottom.left {
    border-left-width: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px; }
  .floating-bar.top.right, .floating-bar.bottom.right {
    border-right-width: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }

.terminal-screen, terminal-window, vte-terminal {
  background-color: #000000;
  color: #FFFFFF; }

.linked button, .linked .raised button, .primary-toolbar .linked button, .primary-toolbar .linked .raised button {
  border-radius: 0;
  border-left-width: 0; }
  .linked button:first-child, .linked .raised button:first-child, .primary-toolbar .linked button:first-child, .primary-toolbar .linked .raised button:first-child {
    border-left-width: 1px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
  .linked button:last-child, .linked .raised button:last-child, .primary-toolbar .linked button:last-child, .primary-toolbar .linked .raised button:last-child {
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .linked button:only-child, .linked .raised button:only-child, .primary-toolbar .linked button:only-child, .primary-toolbar .linked .raised button:only-child {
    border-width: 1px;
    border-radius: 0px; }

.linked entry, .primary-toolbar .linked entry {
  border-radius: 0;
  border-left-width: 0; }
  .linked entry:first-child, .primary-toolbar .linked entry:first-child {
    border-left-width: 1px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
  .linked entry:last-child, .primary-toolbar .linked entry:last-child {
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .linked entry:only-child, .primary-toolbar .linked entry:only-child {
    border-width: 1px;
    border-radius: 0px; }

.linked combobox box.linked button, .primary-toolbar .linked combobox box.linked button {
  border-radius: 0;
  border-left-width: 0; }

.linked combobox:first-child box.linked button, .primary-toolbar .linked combobox:first-child box.linked button {
  border-left-width: 1px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.linked combobox:last-child box.linked button, .primary-toolbar .linked combobox:last-child box.linked button {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.linked combobox:only-child box.linked button, .primary-toolbar .linked combobox:only-child box.linked button {
  border-width: 1px;
  border-radius: 0px; }

.linked spinbutton, .primary-toolbar .linked spinbutton {
  border-radius: 0;
  border-left-width: 0; }
  .linked spinbutton:first-child, .primary-toolbar .linked spinbutton:first-child {
    border-left-width: 1px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
  .linked spinbutton:last-child, .primary-toolbar .linked spinbutton:last-child {
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .linked spinbutton:only-child, .primary-toolbar .linked spinbutton:only-child {
    border-width: 1px;
    border-radius: 0px; }

.linked.vertical button, .primary-toolbar .linked.vertical button {
  border-left-width: 1px;
  border-top-width: 0;
  border-radius: 0; }
  .linked.vertical button:first-child, .primary-toolbar .linked.vertical button:first-child {
    border-top-width: 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .linked.vertical button:last-child, .primary-toolbar .linked.vertical button:last-child {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  .linked.vertical button:only-child, .primary-toolbar .linked.vertical button:only-child {
    border-width: 1px;
    border-radius: 0px; }

.linked.vertical entry, .primary-toolbar .linked.vertical entry {
  border-left-width: 1px;
  border-top-width: 0;
  border-radius: 0; }
  .linked.vertical entry:first-child, .primary-toolbar .linked.vertical entry:first-child {
    border-top-width: 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .linked.vertical entry:last-child, .primary-toolbar .linked.vertical entry:last-child {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  .linked.vertical entry:only-child, .primary-toolbar .linked.vertical entry:only-child {
    border-width: 1px;
    border-radius: 0px; }

.linked.vertical combobox box.linked button, .primary-toolbar .linked.vertical combobox box.linked button {
  border-left-width: 1px;
  border-top-width: 0;
  border-radius: 0; }

.linked.vertical combobox:first-child box.linked button, .primary-toolbar .linked.vertical combobox:first-child box.linked button {
  border-top-width: 1px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.linked.vertical combobox:last-child box.linked button, .primary-toolbar .linked.vertical combobox:last-child box.linked button {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.linked.vertical combobox:only-child box.linked button, .primary-toolbar .linked.vertical combobox:only-child box.linked button {
  border-width: 1px;
  border-radius: 0px; }

.linked.vertical spinbutton, .primary-toolbar .linked.vertical spinbutton {
  border-left-width: 1px;
  border-top-width: 0;
  border-radius: 0; }
  .linked.vertical spinbutton:first-child, .primary-toolbar .linked.vertical spinbutton:first-child {
    border-top-width: 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .linked.vertical spinbutton:last-child, .primary-toolbar .linked.vertical spinbutton:last-child {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  .linked.vertical spinbutton:only-child, .primary-toolbar .linked.vertical spinbutton:only-child {
    border-width: 1px;
    border-radius: 0px; }
  .linked.vertical spinbutton button:first-child, .linked.vertical spinbutton button:last-child, .primary-toolbar .linked.vertical spinbutton button:first-child, .primary-toolbar .linked.vertical spinbutton button:last-child {
    border-radius: 0; }

/*
  .toolbar > button,
  .toolbar > :not(.linked) > button,
  .toolbar :not(.linked) > menubutton > button,
  .toolbar :not(.linked) > scalebutton > button,
  .toolbar :not(.linked) > dropdown > button,
  .toolbar :not(.linked) > colorbutton > button,
  .toolbar :not(.linked) > fontbutton > button,
  .toolbar :not(.linked) > appchooserbutton > button,
  .toolbar :not(.linked) > combobox > box > button {
    margin: 1px;
    
    @include flat_buttons();
  }
  */
.linked button:focus, .linked button:hover, .linked button:active, .linked button:checked, .linked .raised button:focus, .linked .raised button:hover, .linked .raised button:active, .linked .raised button:checked {
  box-shadow: -1px 0 #3e3e3e; }
  .linked button:focus:backdrop, .linked button:hover:backdrop, .linked button:active:backdrop, .linked button:checked:backdrop, .linked .raised button:focus:backdrop, .linked .raised button:hover:backdrop, .linked .raised button:active:backdrop, .linked .raised button:checked:backdrop {
    box-shadow: -1px 0 #151515; }

.linked button:first-child:focus, .linked button:first-child:hover, .linked button:first-child:active, .linked button:first-child:checked, .linked button:only-child:focus, .linked button:only-child:hover, .linked button:only-child:active, .linked button:only-child:checked, .linked .raised button:first-child:focus, .linked .raised button:first-child:hover, .linked .raised button:first-child:active, .linked .raised button:first-child:checked, .linked .raised button:only-child:focus, .linked .raised button:only-child:hover, .linked .raised button:only-child:active, .linked .raised button:only-child:checked {
  box-shadow: none; }
  .linked button:first-child:focus:backdrop, .linked button:first-child:hover:backdrop, .linked button:first-child:active:backdrop, .linked button:first-child:checked:backdrop, .linked button:only-child:focus:backdrop, .linked button:only-child:hover:backdrop, .linked button:only-child:active:backdrop, .linked button:only-child:checked:backdrop, .linked .raised button:first-child:focus:backdrop, .linked .raised button:first-child:hover:backdrop, .linked .raised button:first-child:active:backdrop, .linked .raised button:first-child:checked:backdrop, .linked .raised button:only-child:focus:backdrop, .linked .raised button:only-child:hover:backdrop, .linked .raised button:only-child:active:backdrop, .linked .raised button:only-child:checked:backdrop {
    box-shadow: none; }

.linked entry:focus, .linked entry:last-child:focus {
  box-shadow: -1px 0 #2e2e2e; }

.linked entry:first-child:focus, .linked entry:only-child:focus {
  box-shadow: none; }

.linked combobox box.linked button:focus, .linked combobox box.linked button:hover, .linked combobox box.linked button:active, .linked combobox box.linked button:checked {
  box-shadow: -1px 0 #3e3e3e; }
  .linked combobox box.linked button:focus:backdrop, .linked combobox box.linked button:hover:backdrop, .linked combobox box.linked button:active:backdrop, .linked combobox box.linked button:checked:backdrop {
    box-shadow: -1px 0 #151515; }

.linked combobox:first-child box.linked button:focus, .linked combobox:first-child box.linked button:hover, .linked combobox:first-child box.linked button:active, .linked combobox:first-child box.linked button:checked, .linked combobox:only-child box.linked button:focus, .linked combobox:only-child box.linked button:hover, .linked combobox:only-child box.linked button:active, .linked combobox:only-child box.linked button:checked {
  box-shadow: none; }
  .linked combobox:first-child box.linked button:focus:backdrop, .linked combobox:first-child box.linked button:hover:backdrop, .linked combobox:first-child box.linked button:active:backdrop, .linked combobox:first-child box.linked button:checked:backdrop, .linked combobox:only-child box.linked button:focus:backdrop, .linked combobox:only-child box.linked button:hover:backdrop, .linked combobox:only-child box.linked button:active:backdrop, .linked combobox:only-child box.linked button:checked:backdrop {
    box-shadow: none; }

.linked.vertical button:focus, .linked.vertical button:hover, .linked.vertical button:active, .linked.vertical button:checked {
  box-shadow: 0 -1px #3e3e3e; }
  .linked.vertical button:focus:backdrop, .linked.vertical button:hover:backdrop, .linked.vertical button:active:backdrop, .linked.vertical button:checked:backdrop {
    box-shadow: 0 -1px #151515; }

.linked.vertical button:first-child:focus, .linked.vertical button:first-child:hover, .linked.vertical button:first-child:active, .linked.vertical button:first-child:checked, .linked.vertical button:only-child:focus, .linked.vertical button:only-child:hover, .linked.vertical button:only-child:active, .linked.vertical button:only-child:checked {
  box-shadow: none; }
  .linked.vertical button:first-child:focus:backdrop, .linked.vertical button:first-child:hover:backdrop, .linked.vertical button:first-child:active:backdrop, .linked.vertical button:first-child:checked:backdrop, .linked.vertical button:only-child:focus:backdrop, .linked.vertical button:only-child:hover:backdrop, .linked.vertical button:only-child:active:backdrop, .linked.vertical button:only-child:checked:backdrop {
    box-shadow: none; }

.linked.vertical entry:focus, .linked.vertical entry:last-child:focus {
  box-shadow: 0 -1px #2e2e2e; }

.linked.vertical entry:first-child:focus, .linked.vertical entry:only-child:focus {
  box-shadow: none; }

.linked.vertical combobox box.linked button:focus, .linked.vertical combobox box.linked button:hover, .linked.vertical combobox box.linked button:active, .linked.vertical combobox box.linked button:checked {
  box-shadow: 0 -1px #3e3e3e; }
  .linked.vertical combobox box.linked button:focus:backdrop, .linked.vertical combobox box.linked button:hover:backdrop, .linked.vertical combobox box.linked button:active:backdrop, .linked.vertical combobox box.linked button:checked:backdrop {
    box-shadow: 0 -1px #151515; }

.linked.vertical combobox:first-child box.linked button:focus, .linked.vertical combobox:first-child box.linked button:hover, .linked.vertical combobox:first-child box.linked button:active, .linked.vertical combobox:first-child box.linked button:checked, .linked.vertical combobox:only-child box.linked button:focus, .linked.vertical combobox:only-child box.linked button:hover, .linked.vertical combobox:only-child box.linked button:active, .linked.vertical combobox:only-child box.linked button:checked {
  box-shadow: none; }
  .linked.vertical combobox:first-child box.linked button:focus:backdrop, .linked.vertical combobox:first-child box.linked button:hover:backdrop, .linked.vertical combobox:first-child box.linked button:active:backdrop, .linked.vertical combobox:first-child box.linked button:checked:backdrop, .linked.vertical combobox:only-child box.linked button:focus:backdrop, .linked.vertical combobox:only-child box.linked button:hover:backdrop, .linked.vertical combobox:only-child box.linked button:active:backdrop, .linked.vertical combobox:only-child box.linked button:checked:backdrop {
    box-shadow: none; }

.linked.vertical spinbutton:focus {
  box-shadow: 0 -1px #2e2e2e; }

stackswitcher button.text-button {
  min-width: 80px; }

/* GTK NAMED COLORS - use responsibly! */
/* widget text/foreground color */
@define-color theme_fg_color #FFFFFF;
/* text color for entries, views and content in general */
@define-color theme_text_color #FFFFFF;
/* widget base background color */
@define-color theme_bg_color #191919;
/* text widgets and the like base background color */
@define-color theme_base_color #202020;
/* base background color of selections */
@define-color theme_selected_bg_color #4D4D4D;
/* text/foreground color of selections */
@define-color theme_selected_fg_color #FFFFFF;
/* base background color of insensitive widgets */
@define-color insensitive_bg_color #252525;
/* text foreground color of insensitive widgets */
@define-color insensitive_fg_color #8c8c8c;
/* insensitive text widgets and the like base background color */
@define-color insensitive_base_color #202020;
/* widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #FFFFFF;
/* text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #FFFFFF;
/* widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #191919;
/* text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #202020;
/* base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #4D4D4D;
/* text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #FFFFFF;
/* insensitive color on backdrop windows*/
@define-color unfocused_insensitive_color #535353;
/* widgets main borders color */
@define-color borders #333333;
/* widgets main borders color on backdrop windows */
@define-color unfocused_borders #333333;
/* these are pretty self explicative */
@define-color warning_color #FF9900;
@define-color error_color #CC0000;
@define-color success_color #06B025;
/* these colors are exported for the window manager and shouldn't be used in applications,
read if you used those and something break with a version upgrade you're on your own... */
@define-color wm_title shade(#FFFFFF, 1.8);
@define-color wm_unfocused_title #FFFFFF;
@define-color wm_highlight #000000;
@define-color wm_borders_edge #333333;
@define-color wm_bg_a shade(#191919, 1.2);
@define-color wm_bg_b #191919;
@define-color wm_shadow alpha(#000000, 0.35);
@define-color wm_border alpha(#000000, 0.18);
@define-color wm_button_hover_color_a shade(#191919, 1.3);
@define-color wm_button_hover_color_b #191919;
@define-color wm_button_active_color_a shade(#191919, 0.85);
@define-color wm_button_active_color_b shade(#191919, 0.89);
@define-color wm_button_active_color_c shade(#191919, 0.9);
@define-color content_view_bg #202020;
