* {
	border: none;
	font-family: "Ubuntu Nerd Font";
	font-size: 14px;
	padding: 0;
	margin: 0;
}

#waybar {
	background: rgba(255, 255, 255, 0.9);
	color: rgba(38, 41, 44, 0.9);
}

#waybar.hidden {
	opacity: 0.2;
}

#waybar #window {
	opacity: 1;
	transition: opacity 200ms ease;
}

#waybar.empty #window {
	opacity: 0;
}

#clock,
#cpu,
#disk,
#memory,
#mpris,
#network,
#window,
#wireplumber,
#workspaces,
#custom-os,
#custom-gpu,
#custom-updates {
	/* background: rgb(38, 41, 44); */
	border-radius: 12px;
	padding: 2px 10px;
	margin: 4px;
}

#cpu {
	background: rgb(50.15%, 92.07%, 99.48%);
}

#custom-gpu {
	background: rgb(67.06%, 91.37%, 70.2%);
}

#memory {
	background: rgb(100%, 81.7%, 68.38%);
}

#disk {
	background: rgb(100%, 80.74%, 81.04%);
}

#network {
	background: rgb(92.54%, 81.78%, 100%);
}

#wireplumber {
	/* background: rgb(90.34%, 85.77%, 59.65%); */
}

#custom-updates.disabled {
	opacity: 0;
}

#workspaces button {
	color: rgba(38, 41, 44, 0.9);
	padding: 0px 5px;
	opacity: 0.2;
	background: transparent;
	text-shadow: none;
	border-radius: 0;
}

#workspaces button.empty {
	opacity: 0.2;
}

#workspaces button.active {
	opacity: 0.9;
}

#workspaces button.visible {}
#workspaces button.urgent {}
#workspaces button.persistent {}
#workspaces button.hidden {}

#custom-os {
	font-size: 150%;
	color: rgb(137, 220, 235);
	background: transparent;
}