* {
  all: unset;
  border: none;
  border-radius: 0;
  font-family:
    "DepartureMono Nerd Font", "Input Sans Compressed",
    "Font Awesome 6 Free Solid";
  font-size: 15px;
  min-height: 0;
}

window#waybar {
  color: #fbf1c7;
  background-color: rgba(43, 45, 50, 0.5);
}

tooltip {
  background: rgba(50, 50, 50, 0.9);
  border: 1px solid rgba(100, 114, 125, 0.6);
}
tooltip label {
  color: #fbf1c7;
  font-family: "Input Sans Compressed";
}

#workspaces button {
  padding: 0 6px;
  margin: 0 0px;
  background-color: transparent;
  color: #fbf1c7;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

#workspaces button:hover {
  color: #ebdbb2;
}

#workspaces button.active {
  color: #fbf1c7;
}

#custom-logo {
  font-size: 16px;
  background-image: url("assets/button.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px 18px;
}

#custom-trayicon {
  color: #fbf1c7;
  background: transparent;
  opacity: 1;
  margin: 1px 0px 0px 0px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
}

#custom-mail,
#battery.warning,
#disk.warning,
#memory.warning,
#cpu.warning,
#custom-dnd.dnd-notification,
#custom-dnd.dnd-none {
  border-top: 3px solid transparent;
  border-bottom: 3px solid #c35e0a;
}

#custom-systemd,
#battery.critical,
#disk.critical,
#memory.critical,
#cpu.critical,
#custom-yubikey,
#custom-recording {
  border-top: 3px solid transparent;
  border-bottom: 3px solid #c14a4a;
}

#battery.charging {
  border-top: 3px solid transparent;
  border-bottom: 3px solid #4c7a5d;
}

#pulseaudio,
#custom-systemd,
#custom-mail,
#network,
#cpu,
#disk,
#memory,
#backlight,
#battery,
#date {
  padding: 0 3px;
  margin: 0 3px;
}

#clock {
  padding: 0px 3px;
  margin: 0px 6px 0px 0px;
  font-family: "DepartureMono Nerd Font";
}

#custom-dnd,
#custom-recording,
#language {
  padding: 0;
  margin: 0 6px;
}

#backlight,
#battery,
#clock,
#cpu,
#custom-mail,
#custom-progress,
#custom-recording,
#custom-systemd,
#custom-usbguard,
#custom-yubikey,
#disk,
#memory,
#mode,
#network,
#pulseaudio {
  color: #fbf1c7;
}

#custom-dunst,
#custom-mako {
  color: #fbf1c7;
  background: transparent;
  padding-right: 6px;
  padding-left: 4px;
  /* font-size: 14px; */
}

#tray menu * {
  background: rgba(50, 50, 50, 0.9);
  color: #fbf1c7;
  font-family: "Input Sans Compressed";
  padding: 2px 2px;
}

#tray menu {
  border: 1px solid rgba(100, 114, 125, 0.6);
}

#tray menu item:hover {
  color: #4c7a5d;
}

#tray {
  padding: 0px 5px;
}

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

@keyframes needs-attention {
  to {
    background-color: rgba(235, 77, 75, 0.5);
  }
}

#tray > .needs-attention {
  -gtk-icon-effect: highlight;
  animation-name: needs-attention;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: transparent;
}