* {
  margin: 0;
  padding: 0;
}

window#waybar {
  color: #c0caf5;
  background: alpha(#24283b, .85);
  border-radius: 24px;
  font-family: "JetBrainsMono Nerd Font";
  font-size: 16px;
  font-weight: 600;
}

.modules-left { margin-left: 4px; }
.modules-right { margin-right: 4px; }

#workspaces,
#player,
#clock,
#tray,
#language,
#cpu,
#memory,
#system-indicators {
  background-color: #414868;
  border-radius: 16px;
  padding: 0 12px;
  margin: 3px 0;
}

#workspaces button {
  all: unset;
  min-width: 12px;
  margin: 10px 6px;
  border-radius: 999px;
  background-color: #c0caf5;
  transition: all .2s ease;
}

#workspaces button label { font-size: 0; }

#workspaces button.active {
  min-width: 36px;
  background-color: #7C86FF;
}

#workspaces button.empty {
  color: #565f89;
  background-color: #565f89;
}

tooltip {
  font-size: 16px;
  background-color: #414868;
  color: @text;
  border: 3px solid #565f89;
  outline: none;
  box-shadow: none;
}

tooltip * {
  outline: none;
  box-shadow: none;
  border: none;
}

tooltip label { margin: 12px; }

#custom-player-icon {
  color: #7C86FF;
  margin-right: 6px;
}

#mpris { margin-right: 16px; }

#custom-player-play-pause {
  margin: 2px 8px;
  padding: 0 9px;
  color: #24283b;
  background-color: #7C86FF;
  border-radius: 999px;
  transition: all .1s ease;
}

#custom-player-play-pause:hover { background-color: #c0caf5; }
#custom-player-prev:hover { color: #7aa2f7; }
#custom-player-next:hover { color: #7aa2f7; }

#clock { padding: 5px 12px; }

#network {
  margin: 3px 3px 3px 0;
  min-width: 16px;
  border-radius: 16px;
  padding-left: 4px;
  padding-right: 6px;
}

#network.disabled { color: #565f89; }
#network.disconnected { color: #f7768e; }
#network.linked { color: #c0caf5; }
#network.wifi,
#network.ethernet { color: #7C86FF; }

#wireplumber {
  min-width: 16px;
  margin: 3px 0;
  border-radius: 16px;
  padding: 0 6px 0 3px;
}

#custom-power-menu {
  min-width: 32px;
  margin: 3px 0;
  padding-left: 7px;
  border-radius: 16px;
  background-color: #414868;
  color: #7C86FF;
}

#network:hover,
#wireplumber:hover,
#language:hover,
#cpu:hover,
#memory:hover,
#clock:hover,
#custom-power-menu:hover{
  background-color: #565f89;
}