/* ===== Generic ===== */

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

/* ===== Waybar ===== */

#waybar {
	background: transparent;
	/* background: rgba(54, 137, 230, 0.8); */
	/* border-top: 1px solid rgba(54, 137, 230, 0.8); */
}

#waybar.hidden {
	opacity: 0.2;
}

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

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

/* ===== Modules ===== */

#clock,
#cpu,
#disk,
#memory,
#mpris,
#network,
#window,
#wireplumber,
#custom-gpu,
#custom-updates {
	color: rgba(32, 32, 32, 0.8);
	padding: 4px 8px;
	margin: 2px;
	margin-right: 0;
	border-radius: 3px;
}

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

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

/* ===== Taskbar ===== */

#taskbar button {
	padding: 0px 5px;
}

#taskbar button:hover {}
#taskbar button.active {}

/* ===== Workspaces ===== */

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

#workspaces button.empty {
	opacity: 0.5;
}

#workspaces button.active {
	opacity: 1.0;
}

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


/* ===== Extra colors ===== */

#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%, 90%, 90%);
}

#clock {
	background: rgb(90%, 90%, 90%);
}