* {
	font-size: 18px;
	font-family: 'Inter Nerd Font';
	font-weight: bold;
	border-radius: 0;
}

window#waybar {
	background: #282828;
	color: #ebdbb2;
}

#sway-mode {
	background-color: #1d2021;
}

widget label {
	padding: 0px 12px;
}

#workspaces label {
	padding: 0px 0px;
}

#workspaces button {
	color: #ebdbb2;
	font-size: 20px;
	font-style: italic;
}
#workspaces button.focused {
	background: #458588;
	color: #282828;
}
#workspaces button:hover {
	box-shadow: inherit;
	text-shadow: inherit;
}
#workspaces button:hover {
	background: #888888;
}

#clock {
	color: #282828;
	background: #689d6a;
}

#battery {
	color: #282828;
	background: #b16286;
}

#battery.warning:not(.charging) {
		color: #282828;
    background: #cc241d;
}

#battery.critical:not(.charging) {
    animation: blink_effect 0.5s steps(2) infinite;
}

@keyframes blink_effect {
	50% { color: #FF0000; }
	100% { color: #0000FF; }
}