@define-color main #ebdbb2;

* {
  background-image: none;
  transition-property: all;
  transition-duration: 0.3s;
}

window {
  background-color: rgba(0, 0, 0, 0);
}

button {
  margin: 8px;
  color: @main;
  border-style: solid;
  border-width: 2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
}

button:active,
button:focus,
button:hover {
  color: @main;
  background-color: alpha(@main, 0.4);
  outline-style: none;
  transition-property: all;
  transition-duration: 0.3s;
}

#lock,
#logout,
#suspend,
#hibernate,
#shutdown,
#reboot {
  background-position: center center;
  background-size: 250px;
  background-repeat: no-repeat;
}

#lock {
  background-image: url("icons/lock.svg");
}

#logout {
  background-image: url("icons/logout.svg");
}

#suspend {
  background-image: url("icons/suspend.svg");
}

#hibernate {
  background-image: url("icons/hibernate.svg");
}

#shutdown {
  background-image: url("icons/shutdown.svg");
}

#reboot {
  background-image: url("icons/reboot.svg");
}