* {
  font-family: Material Design Icons, JetBrainsMono Nerd Font, Iosevka Nerd Font, sourcecodepro, WenQuanYi Micro Hei;
  font-size: 17px;
}

window#waybar {
  background-color: #242933;
  color: #ffffff;
  border-radius: 8px;
  border-width: 3px;
  border-color: #3b4252;
  border-style: solid;
}

window#waybar.hidden {
  opacity: 0.1;
}

#window {
  color: #64727d;
}

#workspaces,
#custom-ibus,
#clock,
#cpu,
#custom-media,
#tray,
#mode,
#custom-lock,
#workspaces,
#idle_inhibitor,
#custom-powermenu,
#custom-launcher,
#cpu {
  color: #fa9f8e;
  border-radius: 8px 8px 8px 8px;
}

#memory {
  font-family: Iosevka Nerd Font;
  font-size: 17px;
  color: #b9fac2;
  border-radius: 8px 8px 8px 8px;
}

@keyframes button_activate {
	from { opacity: .3 }
	to { opacity: 1.; }
}

#workspaces button {
	border: none;
	color:  #d4d2a9;
	padding: 3px;
	background: transparent;
	box-shadow: none;
  transition: all 0.3s ease-in-out;
}

#workspaces button.active {
	color:  #81A1C1;
	background: inherit;
  padding: 0px 13px;
	animation: button_activate 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#workspaces button.urgent {
	color:  #fa9f8e;	
	background: inherit;
}

#workspaces button.empty {
	color:  #85909e;
}

#workspaces button:hover {
	border: none;
	background: radial-gradient(circle, rgba(25, 79, 255, 0.1) 20%, rgba(132,129,156,0) 30%);
}

#workspaces button.active:hover, #workspaces button.urgent:hover {
	background: inherit;
}

#custom-launcher {
  margin-left: 10px;
  margin-right: 10px;

  padding-right: 5px;
  padding-left: 5px;

  font-size: 22px;

  color: #7a95c9;

  margin-top: 1px;
  margin-bottom: 1px;
  border-radius: 8px 8px 8px 8px;
}

#workspaces,
#custom-ibus,
#clock,
#cpu,
#memory,
#backlight,
#battery,
#pulseaudio,
#tray,

#network {
  background-color: #3b4252;
  padding: 0em 2em;

  font-size: 20px;

  padding-left: 7.5px;
  padding-right: 7.5px;

  padding-top: 2px;
  padding-bottom: 2px;

  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;

  font-size: 20px;
}

#workspaces {
  padding-right: 10px;
}

#pulseaudio {
  color: #81A1C1;
  padding-left: 10px;
  margin-right: 10px;
  font-size: 25px;
  border-radius: 0px 8px 8px 0px;
  margin-left: -5px;
}

#pulseaudio.muted {
  color: #fb958b;
  padding-left: 10px;
  font-size: 25px;
  border-radius: 0px 8px 8px 0px;
}

#backlight {
  color: #8a909e;
  padding-right: 5px;
  padding-left: 8px;
  font-size: 21.2px;
}

#network {
  padding-left: 0.2em;
  color: #5E81AC;
  border-radius: 8px 0px 0px 8px;
  padding-left: 12px;
  padding-right: 14px;
  font-size: 20px;
  margin-right: -5px;
}

#network.disconnected {
  color: #fb958b;
}

#battery {
  color: #8fbcbb;
  border-radius: 0px 8px 8px 0px;
  padding-right: 2px;
  font-size: 22px;
}

#battery.critical,
#battery.warning,
#battery.full,
#battery.plugged {
  color: #8fbcbb;
  padding-left: 6px;
  padding-right: 12px;
  font-size: 22px;
}

#battery.charging { 
  font-size: 18px;
  padding-right: 13px;
  padding-left: 4px;
}

#battery.full,
#battery.plugged {
  font-size: 22.5px;
  padding-right: 10px;
}

@keyframes blink {
  to {
    background-color: rgba(30, 34, 42, 0.5);
    color: #abb2bf;
  }
}

#battery.warning {
  color: #ecd3a0;
}

#battery.critical:not(.charging) {
  color: #fb958b;
}

#custom-lock {
  color: #ecd3a0;
  padding: 0 15px 0 15px;
  margin-left: 7px;
  margin-top: 7px;
  margin-bottom: 7px;
}

#clock {
  color: #8a909e;
  font-family: Iosevka Nerd Font;
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 8px 8px 8px 8px;
}

#custom-powermenu {
  color: #e78284;
  margin-right: 12px;
  border-radius: 8px;
  padding: 0 6px 0 6.8px;
  margin-top: 7px;
  margin-bottom: 7px;
}

tooltip {
  border-radius: 8px;
  padding: 15px;
  background-color: #242933;
}

tooltip label {
  padding: 5px;
  background-color: #242933;
}

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

#tray {
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  border-radius: 8px 8px 8px 8px;
}

#tray > .passive {
  -gtk-icon-effect: dim;
}

#tray > .needs-attention {
  -gtk-icon-effect: highlight;
  background-color: #eb4d4b;
}

#idle_inhibitor {
  background-color: #242933;
}

#idle_inhibitor.activated {
  background-color: #ecf0f1;
  color: #2d3436;
}

#memory,
#cpu {
  font-family: Iosevka Nerd Font;
  font-size: 17px;
  font-size: 16px;
}

#custom-song_name,
#custom-spotify,
#custom-next,
#custom-pre {
  background-color: #3b4252;
  font-size: 20px;
  padding-right: 6.5px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;

}

#custom-pre {
  border-radius: 8px 0px 0px 8px;
  padding-left: 10px;
}

#custom-next {
  border-radius: 0px 8px 8px 0px;
  margin-left: 0px;
}

#custom-spotify {
  margin-right: 0px;
  margin-left: -10px;
  padding-left: 10px;
}

#custom-song_name {
  font-size: 17px;
  padding-right: 10px;
  border-radius: 8px 8px 8px 8px;
  margin-right: 10px;
  padding-left: 10px;
}

#custom-ibus { 
  font-size: 16px;
  color: #d1cfcf;
  font-family: sourcecodepro;
  font-weight: bold;
  border-radius: 8px 8px 8px 8px;
  margin-left: 0px;
}
