/**
* Global configuration for theme 
* */
* {
  font-family: FiraCode Nerd Font;
  font-size: 16px;
  border-radius: 0.75em;
}

window#waybar {
  border: 2px solid @surface1;
  background: @theme_base_color;
  box-shadow: 1px 1px 10px 10px @mantle;
  color: @theme_text_color;
  transition-property: background-color;
  transition-duration: 0.5s;
}

window#waybar.hidden {
  opacity: 0.2;
}

tooltip {
  background: @base;
  border: 1px solid @blue;
}

tooltip label {
  color: white;
}

label:focus {
  background-color: #000000;
}

button {
  /* Use box-shadow instead of border so the text isn't offset */
  box-shadow: inset 0 -3px transparent;
  /* Avoid rounded borders under each button name */
  border: none;
  border-radius: 0;
}

/* Remove border from parent waybar */
box {
  border: none;
}

/* Add spacing for right side modules */
#tray,
#user,
#custom-weather,
#keyboard-state,
#mpd {
  padding: 0 1em;
}

#clock {
  font-size: 16px;
  font-weight: 900;
	padding: 0 1em;
}

#custom-separator-right,
#custom-separator-left {
  font-size: 20px;
  padding-left: 1em;
  padding-right: 1em;
  color: @text;
}

@keyframes blink {
  to {
    background-color: #ffffff;
    color: #000000;
  }
}