* {
  all: unset;
  border: none;
  border-radius: 0;
  font-family:
    Input Mono Narrow Light,
    "Font Awesome 6 Free Solid";
  font-size: 14px;
  min-height: 0;
}

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

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

#workspaces button:hover {
  color: #ebdbb2;
  animation: ws_active 0s ease-in-out 1;
  transition: all 0.2s cubic-bezier(0.55, -0.68, 0.48, 1.682);
}

#workspaces button.active {
  color: #fbf1c7;
  animation: ws_active 0s ease-in-out 1;
  transition: all 0.2s cubic-bezier(0.55, -0.68, 0.48, 1.682);
}

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

#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 #282828;
  border-bottom: 3px solid #c35e0a;
}

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

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

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

#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-color: rgba(50, 48, 47, 0.9);
  font-family: "Input Sans Compressed";
  padding: 2px 2px;
}

#tray menu menuitem: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;
}