* {
	border: none;
	border-radius: 0;
	min-height: 0;
	font-family: Material Design Icons, monospace;
	font-size: 13px;
}

window#waybar {
	background-color: #1e1e2e;
	transition-property: background-color;
	transition-duration: 0.5s;
	opacity: 0.8;
}

#workspaces {
	background-color: transparent;
}

#workspaces button {
	all: initial;
	min-width: 0;
	box-shadow: inset 0 -3px transparent;
	padding: 6px 18px;
	margin: 6px 3px;
	border-radius: 10px;
	background-color: #1e1e2e;
	color: #cdd6f4;
	opacity: 1;
}

#workspaces button.active {
	color: #1e1e2e;
	background-color: #cc9af1;
}

#workspaces button:hover {
	box-shadow: inherit;
	text-shadow: inherit;
	color: #1e1e2e;
	background-color: #e4c5fa;
}

#workspaces button.urgent {
	background-color: #f38ba8;
}

#battery, #backlight, #pulseaudio, 
#network, #bluetooth, #clock, 
#custom-power, #tray
{
	border-radius: 10px;
	margin: 6px 3px;
	padding: 6px 12px;
	background-color: #edbdf2;
	color: #1e1e2e;
	font-size: 0.9rem;
}

#custom-power {
	margin-right: 5px;
	padding-right: 15px;
	background-color: #f77798;
}

#tray {
	background-color: #1e1e2e;
}

#battery.warning:not(charging){
    background-color: #f38ba8;
    color: #181825;
}

#battery.critical:not(charging){
    background-color: #f38ba8;
    color: #181825;
}

#battery.urgent:not(charging){
    background-color: #f38ba8;
    color: #181825;
}