windowcontrols:not(.rewaita-display):backdrop > button {
  background-color: @card_bg_color;
}

windowcontrols:not(.rewaita-display) > button:not(.suggested-action):not(.destructive-action) {
  margin-left: 0px;
  margin-right: 0px;
}

windowcontrols:not(.rewaita-display) > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols:not(.rewaita-display) > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols:not(.rewaita-display) > button.close:not(.suggested-action):not(.destructive-action) {
  color: transparent;
  background: none;
}

windowcontrols:not(.rewaita-display) > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols:not(.rewaita-display) > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols:not(.rewaita-display) > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols:not(.rewaita-display) > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols:not(.rewaita-display) > button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols:not(.rewaita-display) > button.close:active:not(.suggested-action):not(.destructive-action) {
  box-shadow: none;
}

windowcontrols:not(.rewaita-display) > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols:not(.rewaita-display) > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols:not(.rewaita-display) > button.close:active:not(.suggested-action):not(.destructive-action) > image {
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.6);
  transition-duration: 350ms;
  transition-timing-function: ease;
}

windowcontrols:not(.rewaita-display) > button.minimize:hover:not(.suggested-action):not(.destructive-action):not(:backdrop),
windowcontrols:not(.rewaita-display) > button.minimize:active:not(.suggested-action):not(.destructive-action):not(:backdrop),
windowcontrols:not(.rewaita-display) > button.maximize:hover:not(.suggested-action):not(.destructive-action):not(:backdrop),
windowcontrols:not(.rewaita-display) > button.maximize:active:not(.suggested-action):not(.destructive-action):not(:backdrop),
windowcontrols:not(.rewaita-display) > button.close:hover:not(.suggested-action):not(.destructive-action):not(:backdrop),
windowcontrols:not(.rewaita-display) > button.close:active:not(.suggested-action):not(.destructive-action):not(:backdrop) {
  color: @window_bg_color;
}

windowcontrols:not(.rewaita-display) > button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
windowcontrols:not(.rewaita-display) > button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
windowcontrols:not(.rewaita-display) > button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
windowcontrols:not(.rewaita-display) > button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
windowcontrols:not(.rewaita-display) > button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
windowcontrols:not(.rewaita-display) > button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
  color: @window_fg_color;
}


windowcontrols:not(.rewaita-display) > button.minimize:backdrop:not(.suggested-action):not(.destructive-action) > image,
windowcontrols:not(.rewaita-display) > button.maximize:backdrop:not(.suggested-action):not(.destructive-action) > image,
windowcontrols:not(.rewaita-display) > button.close:backdrop:not(.suggested-action):not(.destructive-action) > image {
  background-color: @card_bg_color;
  filter: brightness(150%);
}

windowcontrols:not(.rewaita-display) > button.minimize:not(.suggested-action):not(.destructive-action) > image {
  background-color: @yellow_1;
}

windowcontrols:not(.rewaita-display) > button.maximize:not(.suggested-action):not(.destructive-action) > image {
  background-color: @green_1;
}

windowcontrols:not(.rewaita-display) > button.close:not(.suggested-action):not(.destructive-action) > image {
  background-color: @red_1;
}

windowcontrols:not(.rewaita-display) {
  border-spacing: 6px;
}

windowcontrols:not(.rewaita-display):not(.empty).start:dir(ltr), windowcontrols:not(.rewaita-display):not(.empty).end:dir(rtl) {
  margin-right: 6px;
  margin-left: 6px;
}

windowcontrols:not(.rewaita-display):not(.empty).start:dir(rtl), windowcontrols:not(.rewaita-display):not(.empty).end:dir(ltr) {
  margin-left: 6px;
  margin-right: 6px;
}

windowcontrols:not(.rewaita-display) > button:not(.suggested-action):not(.destructive-action) > image {
  /* border-radius: 100%; */
  min-width: 17px;
  min-height: 17px;
  padding: 0;
}

windowcontrols:not(.rewaita-display) > button:not(.suggested-action):not(.destructive-action) {
  min-height: 17px;
  min-width: 17px;
  padding: 2px;
}
