/*
          _                         _    
__      _| | ___   __ _  ___  _   _| |_  
\ \ /\ / / |/ _ \ / _` |/ _ \| | | | __| 
 \ V  V /| | (_) | (_| | (_) | |_| | |_  
  \_/\_/ |_|\___/ \__, |\___/ \__,_|\__| 
                  |___/                  
 
by Stephan Raabe (2023) 
----------------------------------------------------- 
*/

/* -----------------------------------------------------
 * Import Pywal colors 
 * ----------------------------------------------------- */
/*@import '../../.cache/wal/colors-waybar.css';*/

/* -----------------------------------------------------
 * General 
 * ----------------------------------------------------- */

/* * { */
/*     font-family: Fira Code Medium; */
/*     font-size: 16pt; */
/* 	background-image: none; */
/* 	transition: 20ms; */
/* 	box-shadow: none; */
/* } */

* {
  background-image: none;
  box-shadow: none;
}

window {
  background-image: url("./tmp.png");
  font-family: Hurmit Nerd Font;
  font-size: 16pt;
  color: #cdd6f4; /* text */
  background-color: rgba(54, 56, 64, 0.73);
}

button {
  color: @color7;
  font-size: 20px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;

  border-style: solid;
  background-color: rgba(12, 12, 12, 0.5);
  border: 3px solid @color6;

  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

button:focus,
button:active,
button:hover {
  color: @color11;
  background-color: rgba(12, 12, 12, 0.5);
  border: 3px solid @color2;
}

/* 
----------------------------------------------------- 
Buttons
----------------------------------------------------- 
*/

#lock {
  margin: 16px;
  border-radius: 20px;
  background-image: image(url("icons/lock.png"));
}

#logout {
  margin: 16px;
  border-radius: 20px;
  background-image: image(url("icons/logout.png"));
}

#suspend {
  margin: 16px;
  border-radius: 20px;
  background-image: image(url("icons/suspend.png"));
}

#hibernate {
  margin: 16px;
  border-radius: 20px;
  background-image: image(url("icons/hibernate.png"));
}

#shutdown {
  margin: 16px;
  border-radius: 20px;
  background-image: image(url("icons/shutdown.png"));
}

#reboot {
  margin: 16px;
  border-radius: 20px;
  background-image: image(url("icons/reboot.png"));
}